angular - Webpack TerserPlugin - 排除节点模块

Question

使用自定义 Angular Builder，我试图从缩小/优化中排除整个模块。

Webpack.md文件说

排除
类型：字符串|正则表达式|数组默认值：未定义

要排除的文件。

我可以使用此设置排除整个目录（即节点模块）吗？

---

当前代码是

export default class CustomizeTerserBrowserBuilder extends BrowserBuilder {
  public buildWebpackConfig(root: any, projectRoot: any, host: any, options: any): any {
    const webpackConfig = super.buildWebpackConfig(root, projectRoot, host, options);

    if (
      webpackConfig.optimization &&
      webpackConfig.optimization.minimizer &&
      Array.isArray(webpackConfig.optimization.minimizer)
    ) {
      const terserPlugin = (webpackConfig.optimization.minimizer as any[]).find(
        minimizer => minimizer instanceof TerserPlugin
      );

      if (terserPlugin) {
        terserPlugin.options.exclude = [/node_modules/];
      }
    }

    return webpackConfig;
  }
}

标签： angulartypescriptwebpackecmascript-6single-page-application

Answer 1

也许你正在寻找这个

   module.exports = {
      optimization: {
        minimizer: [
          new TerserPlugin({
            exclude: /node_modules/,
          }),
        ],
      },
    };