angular - Ionic 4 防止缩短 prod 构建的类名

Question

我正在构建一个 ionic 4 应用程序并在本地离线小袋数据库中使用类名引用它工作正常。但是，当我使用优化构建 Prod 时，它会将类缩短为单个字母名称 -e extends i.a { constructor(){super(),this.isActive=!0 }}我使用 custom-webpack 用以下代码保留类名 -

module.exports = cfg => {
    const options = cfg.optimization.minimizer[cfg.optimization.minimizer.length - 1].options.terserOptions;
    if (options) {
        options.keep_classnames = true;
    }
    return cfg;
};

它适用于 ionic serve --configration prod但不适用于 ionic build --configuration prod我想保留 ionic build --configration prod 的类名与 optimization:true .
请帮忙谢谢。

Answer 1

您可以指定 TerserWebpackPlugin 来保留类名。

module.exports = {
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          keep_classnames: true,
          keep_fnames: true,
        },
      }),
    ],
  },
};