问角9构建捆绑目录

EN

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

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

​

​

对于资产结构，请使用以下配置

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

我不肯定什么是适当的礼仪，但我不能粘贴所有这些步骤到一个评论现有的答案。这个答案的全部功劳都归功于阿基莱什·库马尔。如果没有他的帮助，我就不会让这件事发生，所以非常感谢你。如果这样做的话，我很乐意把你的回答标记为正确的信用。对于任何一个关注这个问题的人来说，这个答案可能会更加集中，“在一个地方”。

这些步骤用角CLI 9.0.5进行。这个解决方案只是演示了一种通用的设置方法。当然，如果需要的话，可以修改每个配置。

1. Run ng new TestApp.如果出现提示，则接受任何默认值。
2. 运行ng build以查看基线输出，然后再进行任何更改。所有文件都在同一个目录中。

​

1. 在您最喜欢的编辑器中打开TestApp文件夹。
2. in angular.json -> projects -> TestApp -> architect -> build ->选项，添加或修改这些条目：

"deployUrl"：“outputPath/”，"outputPath"：“dist/TestApp/outputPath”，"index"：{ "input"："src/index.html"，"output"：“./index.html”}，"assets"：{ "glob"："favicon.ico"，"input"："src/"，“输出”：“/../”}。{“”："**/*"，“输入”："src/ assets /"，“”："./“}，

• 删除dist文件夹，然后运行ng build查看dist\TestApp中的index.html和favicon.ico以及所有其他资产

​

要进一步显示正在正确设置的其他资产，请将资源放置到源资产中(例如，src\assets\img\kitten.jpg).

• Edit src\index.html用于引用asset:

• Delete的dist文件夹，然后运行ng build查看dist\TestApp\assets\img\kitten.jpg。

​

1. 在目录之外运行本地http服务器，以查看浏览器.

中的图像显示。

​