4

我实际上是为了记录目的而获取组件名称。我注意到的是，在开发环境中我能够获取组件名称，但在生产环境中我没有得到组件名称，我理解的是它被缩小并且我为每个组件获得一个字母或 2 个字母的名称。

所以我对此做了一些研究，我发现带有自定义 webpack 的 terser 插件可以解决这个问题。

所以我尝试了，但名称仍然没有被缩小。

我尝试过的代码：Installed custom webpack installed terser plugin

角.json

"architect": {
        "build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {
              "path": "./webpack.js"
            },

Webpack.JSON

const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
  optimization: {
    minimize: false,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          ecma: undefined,
          parse: {},
          compress: false,
          mangle: false,
          module: false,
          output: null,
          toplevel: false,
          nameCache: null,
          ie8: false,
          keep_classnames: true,
          keep_fnames: true,
          safari10: false,
        },
      }),
    ],
  },
};

我尝试设置最小化：true，保持类名 = true，keep_fnames = true 和 compress = false 但这对我没有帮助。我还尝试使用上述设置设置 minimize : false ，但我仍然没有得到组件名称。它仍然被缩小。我做错了什么？

4

0 回答 0