如何从角应用程序中查看webpack配置?

eivgtgni  于 2023-03-08  发布在  Webpack
关注(0)|答案(2)|浏览(118)

我使用ng new my-app命令创建Angular 应用程序。
我怎么能看到webpack.config的Angular 为我的应用程序建立?我不想自定义这个webpack配置。只是记录到文件/屏幕...

uqxowvwt

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配置

toiithl6

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中。

相关问题