Vue项目前端学习之路——电商管理系统(Element-UI)IV
插件用途
1.下载运行依赖babel-plugin-transform-remove-console
打开项目文件babel.config.js,添加’transform-remove-console’,可去除项目文件中调试控制输出的代码,console.log(’ ')所有代码
想要开发阶段显示console代码,发布阶段自动去除,可以将项目文件babel.config.js进行修改
babel.config.js代码如下:
// 这是项目发布阶段需要用到的 babel 插件
const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
prodPlugins.push('transform-remove-console')
}
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
],
// 发布产品时候的插件数组
...prodPlugins
]
}