天賦決定上限，努力決定下限

每天一個小技巧，每天一個優化點。慢慢積累慢慢總結。

生產環境去除console

• babel-plugin-transform-remove-console ?官方地址

yarn?add?babel-plugin-transform-remove-console?—D?//?安裝包

在 babel.config.js 中配置

//?所有生產環境
const?prodPlugin?=?[]

if?(process.env.NODE_ENV?===?'production')?{

??//?如果是生產環境，則自動清理掉打印的日志，但保留error?與?warn
??prodPlugin.push([
????'transform-remove-console',
????{
??????//?保留?console.error?與?console.warn
??????exclude:?['error',?'warn']
????}
??])
}


module.exports?=?{
??presets:?[
????'@vue/cli-plugin-babel/preset'
??],
??plugins:?[
????...prodPlugin
??]
}

按照以上配置內容，打包后的項目只會保留error和warn的console。當然如何你想清除所有，那么無需配置exclude字段。

下一章節將帶來如何在項目中將常用的包按照cdn引入。敬請期待

---

?? 看完幫個忙

如果你覺得這篇內容對你挺有啟發，我想邀請你幫我個小忙：

點贊，讓更多的人也能看到這篇內容(收藏不點贊，都是耍流氓 -_-)

關注公眾號「番茄學前端」，我會定時更新和發布前端相關信息和項目案例經驗供你參考。

加個好友， 雖然幫不上你大忙，但是一些業務問題大家可以探討交流。

總結

以上是生活随笔為你收集整理的db2去除字段内容空格_Vue CLI3.x 配置指南生产环境去除console的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。