vue.config.js 去掉 console 方法

最新推荐文章于 2024-07-12 10:26:57 发布

_大龄码农

最新推荐文章于 2024-07-12 10:26:57 发布

阅读量1.6k

点赞数

分类专栏： bug 前端文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_36229552/article/details/121038146

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

bug

9 篇文章 0 订阅

订阅专栏

该博客介绍了如何在Vue项目中安装和配置UglifyJsPlugin插件，以实现生产环境的代码优化。通过设置uglifyOptions，禁用警告，删除console.log，并启用压缩和并行处理，从而提升应用的性能和加载速度。

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

安装插件：

npm install uglifyjs-webpack-plugin

vue.config.js 引入

const UglifyJsPlugin = require(‘uglifyjs-webpack-plugin’)

使用：（ warnings: false 放compress 报错，把它放外面一层可以正常使用）

在这里插入图片描述
正常使用：

// 生产环境
      if (process.env.NODE_ENV === 'production') {
        config.plugins.push(
          //生产环境自动删除console
          new UglifyJsPlugin({
              uglifyOptions: {
                    warnings: false,
                  compress: {
                      drop_debugger: true,
                      drop_console: true,
                  },
              },
              sourceMap: false,
              parallel: true,
          })
        ) 
      }