分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了手动复制构建 index.html Vue 和 Angular，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决手动复制构建 index.html Vue 和 Angular？

开发过程中遇到手动复制构建 index.html Vue 和 Angular的问题如何解决？下面主要结合日常开发的经验，给出你关于手动复制构建 index.html Vue 和 Angular的解决方法建议，希望对你解决手动复制构建 index.html Vue 和 Angular有所启发或帮助；

因此，我们在 Angular 应用程序（目前很少更改）和新的 Vue 应用程序中都有遗留问题。假设我们有一个合并的 dist_merge 文件夹，所有 Angular 和 Vue 文件都复制到其中，包括合并的 index.HTML

当前构建工作流程（如果更改在 Vue 中）：

运行构建Vue
将构建文件（Js、CSS）复制到合并的 dist_merge 文件夹
手动将Vue原index.HTML中的脚本标签和样式表链接复制到合并后的dist_merge/index.HTML中

步骤 2 可以在 npm script (cp) 命令中完成。但是，对于第 3 步，我找不到任何自动化方法。

请问有什么技巧可以使这个手动构建过程自动化？以下是合并后的 index.HTML

的片段

<HTML>
    <head>
        <Meta charset="utf-8">
        <title>RevIEw</title>
        <Meta name="description" content="">
        <!-- <Meta name="vIEwport" content="wIDth=device-wIDth">-->
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <link rel="shortcut icon" href="/favicon.png">
        <link rel="apple-touch-icon" href="/favicon.png">
        <link rel="apple-touch-startup-image" href="/favicon.png">

        <!-- ANGulAR BUILD fileS -->
        <link rel="stylesheet" href="styles/vendor.43aa7741.CSS">
        <link rel="stylesheet" href="styles/main.3b49c364.CSS">

        <!-- VUE BUILD fileS -->
        <link href=/CSS/chunk-dd173c9c.395e0dda.CSS rel=prefetch>
        <link href=/CSS/chunk-e6995468.5fbbeb45.CSS rel=prefetch>
        <link href=/Js/chunk-008b0ecc.829cedc9.Js rel=prefetch>
        <link href=/CSS/app.77f1fcb3.CSS rel=preload as=style>
        <link href=/CSS/chunk-vendors.2fa51c44.CSS rel=preload as=style>
        <link href=/Js/app.7bc08e8a.Js rel=preload as=script>
        <link href=/Js/chunk-vendors.063b408a.Js rel=preload as=script>
        <link href=/CSS/chunk-vendors.2fa51c44.CSS rel=stylesheet>
        <link href=/CSS/app.77f1fcb3.CSS rel=stylesheet>
    </head>
    <body ng-app="myApp">
        <!-- Angular script -->
        <script src="scripts/vendor.e5cb617c.Js"></script>
        
        <!-- VUE fileS -->
        <script src=/Js/chunk-vendors.063b408a.Js></script>
        <script src=/Js/app.7bc08e8a.Js></script>
    </body>
</HTML>