我使用ng new my-app命令创建Angular 应用程序。我怎么能看到webpack.config的Angular 为我的应用程序建立?我不想自定义这个webpack配置。只是记录到文件/屏幕...
ng new my-app
webpack.config
uqxowvwt1#
我想有一个自定义webpack配置文件像你和实现它如下:1.安装自定义Webpack库
npm i -D @angular-builders/custom-webpack
1.将以下配置添加到angular.json文件
"architect": { ... "build": { "builder": "@angular-builders/custom-webpack:browser", "options": { "customWebpackConfig": { "path": "./webpack.config.js" }, ... } }
1.如果您的项目配置了Angular 通用(SSR),那么您也应该在angular.json文件中添加以下配置:
"architect": { ... "serve": { "builder": "@angular-builders/custom-webpack:dev-server", "options": { "customWebpackConfig": { "path": "./webpack.config.js" } } ...
}1.在应用程序项目的根目录中创建webpack.config.js,并在其中写入自定义Webpack配置
toiithl62#
Angular corewebpack config位于node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js中,您可以在其中更改参数。建议创建一个patch.js文件,以便在每个npm update之后更改该文件,以防止重写代码。如果您正在讨论用于构建附加包的webpack,则必须自己创建配置文件并在angular.json中引用该文件
Angular
node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js
patch.js
npm update
webpack
angular.json
在早期版本的Angular中,此文件位于以下路径node_modules/@angular-devkit/build-angular/src/builders/browser-esbuild/index.js中。
node_modules/@angular-devkit/build-angular/src/builders/browser-esbuild/index.js
2条答案
按热度按时间uqxowvwt1#
我想有一个自定义webpack配置文件像你和实现它如下:
1.安装自定义Webpack库
1.将以下配置添加到angular.json文件
1.如果您的项目配置了Angular 通用(SSR),那么您也应该在angular.json文件中添加以下配置:
}
1.在应用程序项目的根目录中创建webpack.config.js,并在其中写入自定义Webpack配置
toiithl62#
Angular
corewebpack config位于node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js
中,您可以在其中更改参数。建议创建一个
patch.js
文件,以便在每个npm update
之后更改该文件,以防止重写代码。如果您正在讨论用于构建附加包的
webpack
,则必须自己创建配置文件并在angular.json
中引用该文件更新:
在早期版本的Angular中,此文件位于以下路径
node_modules/@angular-devkit/build-angular/src/builders/browser-esbuild/index.js
中。