vue-cli3生產環境自動刪除console.log

在開發環境寫了很多console.log/info/debug,在生產環境需要去掉這些console。
如果手動刪除項目文件少勉強可以,文件如果太多那就太累了,以后想再調試還得重新寫console。

事實上webpack提供了刪除console的插件,在vue-cli3里面是這樣用的:

首先安裝terser-webpack-plugin

npm install terser-webpack-plugin --save

使用yarn的同學使用

yarn add terser-webpack-plugin

然后在vue.config.js文件里寫插件的配置:

module.export = {
  configureWebpack: (config)=>{
    if(process.env.NODE_ENV === 'production'){
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • vue-cli3項目搭建配置以及性能優化 在之前的開發中主要用的是vue-cli2,最近空閑時間比較多,接下來有新...
    bayi_lzp閱讀 19,498評論 16 68
  • vue-cli3配置生產-測試環境 配置環境變量和模式 根據 vue-cli3 文檔,可以通過設置項目根目錄下的 ...
    半齋閱讀 3,388評論 0 2
  • ## 框架和庫的區別?> 框架(framework):一套完整的軟件設計架構和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 2,971評論 1 4
  • 我們該帶著怎樣的心情去旅行呢?旅行是該與文化結合在一起,還是該同心情在同一步調呢?我們又為了什么去旅行呢?有...
    一筆畫寥落閱讀 191評論 0 0
  • 原創 夜,很靜 七月的尾巴,就要走了 那些藏在書信里的文字 牽動著誰的心 一句句,一行行 抹不去的痕跡 深深地印在...
    南方的風景閱讀 263評論 1 3