vue打包清除console(UglifyjsWebpackPlugin)

1、安装uglifyjs-webpack-plugin

npm install uglifyjs-webpack-plugin --save-dev

2、vue.config.js引入uglifyjs-webpack-plugin

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

3、configureWebpack配置

复制代码
module.exports = {
  configureWebpack: (config) => {
    // 判断是否是生产环境,看自己项目里是怎么判断的
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [
          //打包环境去掉console.log等
          new UglifyJsPlugin({
            uglifyOptions: {
              compress: {
                // warnings: false,
                drop_console: true,  //注释console
                drop_debugger: true, //注释debugger
                pure_funcs: ['console.log'], //移除console.log
              },
              warnings: false
            },
          })],
      }

    } else {
      return {
      // 测试环境的一些配置
} } }, }
复制代码

 

posted @   从入门到入土  阅读(873)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 一文读懂知识蒸馏
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
点击右上角即可分享
微信分享提示