babel-plugin-transform-remove-console 的安裝及使用


 

 當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
    ]
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM