Búsqueda de sitios web

angular - El nombre del componente se minifica


En realidad, estoy obteniendo el nombre del componente con fines de registro. Lo que he notado es que en el entorno de desarrollo puedo obtener el nombre del componente, pero en el entorno de producción no obtengo el nombre del componente; lo que entiendo es que se minifica y obtengo un nombre de una o dos letras para cada componente.

Así que investigué un poco sobre esto y descubrí que el plugin Terser con webpack personalizado puede resolver el problema.

Así que intenté eso, pero aún así el nombre no se minimiza.

Código que intenté: Instalé webpack personalizado, instalé el plugin terser

angular.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,
        },
      }),
    ],
  },
};

Intenté configurar minimize: true, keep class names=true, keep_fnames=true y compress=false, pero eso no me ayudó. También intenté configurar minimize: false con la configuración mencionada anteriormente, pero aún así no obtengo el nombre del componente. Todavía se minifica. ¿Qué es lo que estoy haciendo mal?

Artículos relacionados