Ionic 4 防止縮短產品構建的 class 名稱

Question

我正在構建一個 ionic 4 應用程序並在本地離線袋數據庫中使用 class 名稱引用，它工作正常。 但是，當我使用優化使 Prod 構建為 true 時，它會將類縮短為單個字母名稱 -

e extends ia { constructor(){super(),this.isActive=!0 }}

我使用 custom-webpack 來保留 class 名稱，代碼如下：

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保留 class 名稱和optimization:true 。

請幫忙謝謝。

Answer 1

您可以指定 TerserWebpackPlugin 以保留 class 名稱。

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