angular-cli webpack.config.js 文件在哪里 - 新的 angular6 不支持 ng 弹出

有一种从 angular-cli 中弹出 webpack.config.js 的好方法。赶紧跑：

$ ng eject

这将在项目的根文件夹中生成 webpack.config.js，您可以按照自己的方式自由配置它。这样做的缺点是 package.json 中的构建/启动脚本将被新命令替换，而不是

$ ng serve

你必须做类似的事情

$ npm run build & npm run start

这种方法应该适用于所有最新版本的 angular-cli（我个人尝试了一些，最旧的是 1.0.0-beta.21，最新的是 1.0.0-beta.32.3）

---

根据这个 issue，不允许用户修改 Webpack 配置以减少学习曲线是一项设计决定。

考虑到 Webpack 上有用的配置数量，这是一个很大的缺点。

我不建议将 angular-cli 用于生产应用程序，因为它非常自以为是。

---

使用 Angular CLI 6，您需要使用构建器，因为 ngject 已弃用，并且很快将在 8.0 中删除。这就是我尝试进行 ng 弹出时所说的内容

https://i.stack.imgur.com/lQK7v.png

您可以使用 angular-builders 包 (https://github.com/meltedspark/angular-builders) 来提供您的自定义 webpack 配置。

我试图在我博客上的一篇博文中总结所有内容 - How to customize build configuration with custom webpack config in Angular CLI 6

但基本上你添加了以下依赖项 -

  "devDependencies": {
    "@angular-builders/custom-webpack": "^7.0.0",
    "@angular-builders/dev-server": "^7.0.0",
    "@angular-devkit/build-angular": "~0.11.0",

在 angular.json 中进行以下更改 -

  "architect": {
    "build": {
      "builder": "@angular-builders/custom-webpack:browser",
      "options": {
        "customWebpackConfig": {"path": "./custom-webpack.config.js"},

注意 builder 和新选项 customWebpackConfig 的变化。也改变

    "serve": {
      "builder": "@angular-builders/dev-server:generic",

再次注意构建器中服务目标的更改。发布这些更改后，您可以在同一根目录中创建一个名为 custom-webpack.config.js 的文件，并在那里添加您的 webpack 配置。

但是，与此处提供的 ng 弹出配置不同，此处提供的配置将与默认配置合并，因此只需添加您想要编辑/添加的内容。

---

现在可以弹出 CLI 的 webpack 配置。检查 Anton Nikiforov's answer。

过时的：

您可以破解 angular-cli/addon/ng2/models 中的配置模板。目前还没有正式的方法可以修改 webpack 配置。

github 上有一个已关闭的“不会修复”问题：https://github.com/angular/angular-cli/issues/1656

---

我在想的是在生产发布时拥有 webpack 会很容易。

仅供参考：https://github.com/Piusha/ngx-lazyloading

---