一 、問題
vue項目打包上線前總會遇到一個問題就是開發過程中遺留的console代碼,其實方法很簡單:
下載依賴包
npm install babel-plugin-transform-remove-console --save-dev;
下載成功后在根目錄的babel.config.js配置文件中,plugins數組中添加"transform-remove-console"即可。
秒收目錄站https://www.tomove.com.cn
不過這樣設置會使得開發階段也會屏蔽console,避免這種情況 這樣改:
二、 配置babel.config.js
在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 = { plugins: [ ...prodPlugin ] }
