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

Stafan2020-05-28

更新：2018年12月（请参阅``Aniket''答案）

使用Angular CLI 6时，您需要使用构建器，因为不建议使用ng jet，并且很快将在8.0中将其删除。

更新：2018年6月：Angular 6不支持ng弹出**

更新：2017年2月：使用ng弹出

更新：2016年11月：angular-cli现在仅使用webpack。您只需要使用npm install -g angular-cli正常安装即可。“我们将beta.10和beta.14之间的构建系统从SystemJS更改为Webpack。”但实际上，我仅使用angular-cli来生成结构和文件夹，然后再手动使用webpack config

我已经安装了角度cli：

npm install -g angular-cli@webpack

当我使用angular1和web pack时，我曾经修改过“ webpack.config.js”文件以执行所有任务和插件，但是我在使用angular-cli创建的这个项目上看不到谁可以工作。这是魔法？

我看到Webpack在工作时正在工作：

ng serve 

"Version: webpack 2.1.0-beta.18"

但我不明白angular-cli配置的工作方式...

Gil伽罗小宇宙2020/05/28 15:01:16

我在想，发布产品时使用webpack会很容易。

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

仲羽2020/05/28 15:01:16

根据ng eject您的建议可以使用ngx-build-plus

有几个项目可以与新的配置格式结合使用，这些项目可以带来弹出的好处而无需维护。ngx-build-plus就是一个这样的项目，可以在这里找到：https : //github.com/manfredsteyer/ngx-build-plus

若合2020/05/28 15:01:16

使用Angular CLI 6时，您需要使用构建器，因为不建议使用ngject，并且很快将在8.0版中将其删除。这就是我尝试进行ng弹出时的意思

You can use angular-builders package (https://github.com/meltedspark/angular-builders) to provide your custom webpack config.

I have tried to summarize all in a single blog post on my blog - How to customize build configuration with custom webpack config in Angular CLI 6

but essentially you add following dependencies -

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

In angular.json make following changes -

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

Notice change in builder and new option customWebpackConfig. Also change

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

Notice the change in builder again for serve target. Post these changes you can create a file called custom-webpack.config.js in your same root directory and add your webpack config there.

However, unlike ng eject configuration provided here will be merged with default config so just add stuff you want to edit/add.

Vicky2020/05/28 15:01:16

现在可以弹出CLI的webpack配置。检查Anton Nikiforov的答案。