如何解决组件名称变小
我实际上是出于日志目的而获取组件名称。我注意到的是,在开发环境中,我可以获取组件名称,但是在生产环境中,我没有获取组件名称,我了解的是它被缩小了,每个组件得到一个字母或两个字母的名称。
因此,我对此进行了一些研究,发现具有自定义webpack的terser插件可以解决此问题。
所以我尝试了一下,但是名字却没有被缩小。
我尝试过的代码: 已安装的自定义Webpack 已安装的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,},}),],};
我尝试设置最小化:true,保持类名= true,keep_fnames = true和compress = false,但这没有帮助我。我也尝试将上述设置设置为minimum:false,但仍然无法获取组件名称。它仍然被缩小。我在做什么错了?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。