Angular 9 构建包目录

Question

我正在尝试设置我的 Angular 9 构建以将样式和脚本包输出到特定的子文件夹(例如“app”)，并让 index.html 在其对包的引用中使用这些路径。我发现了一些关于此的旧信息和一些相互矛盾的信息，但还没有找到合适的信息。 Angular CLI 更新频繁且意义重大，而且方法可能已经改变。我想在 angular.json 中执行此操作，而不是使用任何类型的构建后脚本、CLI 标志等，以便我可以在源代码中干净地维护它。

任何帮助将不胜感激!谢谢!

Answer 1

在您的 angular.json 中修改以下构建配置，它将转译的 typescript 文件移动到 static 文件夹。

"outputPath": "dist/<project>/static",
"deployUrl": "static/",
"index": {
    "input": "src/index.html",
    "output": "../index.html"
},

对于 Assets 结构，使用以下配置

"assets": [
    {
        "glob": "**/*",
        "input": "src/assets/",
        "output": "./../assets/"
    },
    {
        "glob": "favicon.ico",
        "input": "src/",
        "output": "./../"
    }
],