在Angular的早期版本中，有一个eject的选项，以便您可以根据需要修改您的网页配置
在Angular 6中，该选项已被删除，因此目前根本无法获取网页包配置(除了在Angular源代码中查找它).
有没有办法向使用@Angular/cli 6+的Angular应用程序添加自定义网页包配置？或者，有没有办法"弹出"新Angular CLI在引擎盖下使用的网页包配置？
在Angular的早期版本中，有一个eject的选项，以便您可以根据需要修改您的网页配置
在Angular 6中，该选项已被删除，因此目前根本无法获取网页包配置(除了在Angular源代码中查找它).
有没有办法向使用@Angular/cli 6+的Angular应用程序添加自定义网页包配置？或者，有没有办法"弹出"新Angular CLI在引擎盖下使用的网页包配置？
您可以使用angular-builders库，它允许您使用定制的webpack配置扩展现有的browser和server目标(甚至更多).
用法非常简单:
安装库:npm i -D @angular-builders/custom-webpack
修改你的angular.json:
"architect": {
...
"build": {
"builder": "@angular-builders/custom-webpack:browser"
"options": {
"customWebpackConfig": {
"path": "./extra-webpack.config.js",
"replaceDuplicatePlugins": true
},
"outputPath": "dist/my-cool-library",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json"
...
}
将extra-webpack.config.js添加到应用程序的根目录中
将额外的配置放在extra-webpack.config.js内(只是一个普通的网页包配置)
node-loader添加到浏览器配置中.