當vue-cli在ui界面任務下進行build生成生產環境代碼時,如果碰到有console類型的語句,是會報錯的。
這個時候我們就要用到babel-plugin-transform-remove-console,插件
實現在開發環境可以用console在生產環境去掉
安裝方法如下
安裝完畢后,在項目根目錄下bebel.config.js文件進行設置,添加上字符串’transform-remove-console’
是在plugins數組內加一個字符串
但是這樣的話,開發和生產環境都起作用,
如下,開發環境
development
生產環境
production
在文件中如下設置即可
//這是項目發布階段需要用到的
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
]
}