vue打包去除console.log

最新推荐文章于 2024-07-22 10:56:27 发布

不怎么样的程序员

最新推荐文章于 2024-07-22 10:56:27 发布

阅读量518

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_49440146/article/details/125087599

版权

在Vue配置文件vue.config.js中，通过引入并配置TerserPlugin，可以实现对构建产出的优化，例如删除console.log语句，提升代码运行效率。这一步骤对于前端项目的性能优化至关重要，特别是对于生产环境的部署。

摘要由CSDN通过智能技术生成

1. 选择vue.config.js

2. 在configureWebpack内添加如下代码：

// 别忘记引入， 该模块不用下载，自带的
const TerserPlugin = require('terser-webpack-plugin');

configureWebpack： {
    optimization: {
            minimizer: [
                new TerserPlugin({
                    terserOptions: {
                        ecma: undefined,
                        warnings: false,
                        parse: {},
                        compress: {
                            drop_console: true,
                            drop_debugger: false,
                            pure_funcs: ['console.log'] // 移除console
                        }
                    },
                })
            ]
       }
}