Ionic 4 防止缩短产品构建的类名

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

我想用optimization:true 保留ionic build --configration prod 的类名。

请帮忙谢谢。

Answer 1

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

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