Vue 项目在打包时，去掉所有的console.log输出

作者: Cherry丶小丸子 | 来源:发表于2021-06-30 22:07 被阅读0次

Vue 项目在打包时，去掉所有的console.log输出
打包优化去掉console.log，webpack.js配置排除
vue-cli3打包优化
vue项目打包上线
2018-07-26
vue路径中去除#
Vue-cli 打包去掉console.log
vueDemo-1
14 -vue 打包图片路径错误解决
vue使用心得

安装插件

npm install babel-plugin-transform-remove-console --save-dev

修改 babel.config.js 配置

// 项目在发布时需要用到的 babel 插件数组
const proPlugins = [];
// 如果当前是测试环境或者是生产环境，则使用去掉 console 的插件
if (process.env.NODE_ENV === 'test' || process.env.NODE_ENV === 'production') {
    proPlugins.push('transform-remove-console');
}
module.exports = {
    presets: [
        '@vue/cli-plugin-babel/preset'
    ],
    plugins:[
        ...proPlugins
    ]
}

Vue 项目在打包时，去掉所有的console.log输出
安装插件修改 babel.config.js 配置
打包优化去掉console.log，webpack.js配置排除
一、打包优化去掉console.log 在vue.config中，配置： chainWebpack(config)...
vue-cli3打包优化
打包的常用优化策略有： 1、去掉console.log 2、去掉sourcemap 3、库文件不参与打包 vue-...
vue项目打包上线
一、设置项目打包输出的目录，修改vue.config.js中的outputDir，二、打包项目（npm run ...
2018-07-26
webpack打包去掉开发日志console.log new webpack.optimize.UglifyJsP...
vue路径中去除#
vue使用vue-router时，路径中会有#的字段，是应为打包完成之后，项目为单页面项目，所有的url都指向单个...
Vue-cli 打包去掉console.log
使用webpack中uglifyjs-webpack-plugin 插件 new UglifyJsPlugin({...
vueDemo-1
vue打包使用vue-cli搭建的项目中,是使用webpack进行打包,在使用vue init 进行初始化项目...
14 -vue 打包图片路径错误解决
一、构建 VUE 项目直接用官网的方式建立vue 项目二、打包 VUE 项目 2.1 打包项目介绍会在项目...
vue使用心得
vue项目使用心得一、项目搭建（vue-cli）二、项目开发命令三、项目打包时注意事项四、vue hist...