(1). 安装插件:

$ yarn add babel-plugin-transform-remove-console -D

(2). 修改babel.config.js文件:

宸汐项目

const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)
const plugins = [['component',{'libraryName': 'element-ui','styleLibraryName': 'theme-chalk'}]
]
// 只有生产环境去掉console.log
if (IS_PROD) {plugins.push('transform-remove-console')
}module.exports = {...plugins
}

(3). 修改babel.config.js文件(vue-cli4):

疾控项目

module.exports = {env: {development: {plugins: ["dynamic-import-node"]},production: {plugins: ["transform-remove-console"]}}
}

少了1kb左右,在源码中也找不到console.log

(4). 缺点:

①. 自己写的console去除了.②. index.html内联的runtime代码没去除console,自己单独分离的chunk也没去除.