Angular 6. Html Webpack 插件问题答案

【问题标题】：Angular 6. Html Webpack Pluggin issueAngular 6. Html Webpack 插件问题
【发布时间】：2018-11-20 12:55:03
【问题描述】：

项目已从 Angular 5 迁移到 Angular 6 版本。因此，我没有 webpack.config 之类的文件。现在它在 CLI 下工作。

迁移后出现html webpack错误：

index.html 其实放在 D:\Projects\DP...\src\index.html.

问：如何使用 cli 更改 index.html 的“root”？我希望 webpack 默认在 D:\Projects\DP...\src\index.html 中查找 index.html。

【问题讨论】：

请将输出作为文本添加到您的问题中，而不是使用图片（在我的显示器上不可读）。

标签： angular npm command-line-interface angular6

【解决方案1】：

您的问题似乎是 CLI 的 index.html 文件路径错误。 CLI 配置位于您的 Angular.json 文件中。在构建选项中有一个字段可以获取 index.html 的路径：你应该有这样的东西：

“构建”：{

      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/saturn-app",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",

希望这对您有所帮助！

【讨论】：