Vue项目优化

vue打包上线移除 consols

方法1、
安装：

npm install babel-plugin-transform-remove-console

然后配置在项目根目录下找 babel.config文件夹中找

再次运行 npm run build 命令，就不会有此类型的警告了
遇到的问题，安装并配置好之后无论运行

npm run build   或    npm run serve

都会删除 console，解决办法修改babel.config.js

const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
   
  prodPlugins.push('transform-remove-console')
}
 
module.exports = {
   
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [...prodPlugins]
}

方法二、
安装

npm install terser-webpack-plugin --save-dev

项目根目录下新建 webpack.config.js，注册此插件

const Terse