棱角分明的 cli 钩子

Question

我正在寻找修改构建函数输出的方法

ng build --prod

想将一些引导 CSS 文件添加到索引.html的头部分，更改名称索引.html=>索引.php等。

怎么办？

Answer 1

您可以从源代码自定义实现。本节说明如何继续。

特别是，您可以从 addon/ng2/models/webpack-build-common.ts 更改以下行。

new HtmlWebpackPlugin({
    template: path.resolve(projectRoot, `./${sourceDir}/index.php`),
    chunksSortMode: 'dependency'
  })

对于 CSS 资源，如果使用 Webpack Angular CLI，则可以直接打包它们。

编辑

apps节点中的键索引可以在angular-cli.json文件中修改。该行应更改为

"index": "index.php",

Answer 2

我找到了解决此过程的方法。在 package.json 中，将构建脚本修改为：

"build": "ng build .......... && mv dist/index.html dist/index.php"