安利一个webpack 打包移除 开发日志 console.log的插件,欢迎提bug!!!

2,149 阅读1分钟

drop-console-webpack-plugin 打包移除日志console.log 支持webpack4

安装

npm install drop-console-webpack-plugin  --save

github:github.com/Rise-Devin/…

使用

const DropConsoleWebpackPlugin = require('drop-console-webpack-plugin')

plugins: [
    new DropConsoleWebpackPlugin({drop_log:process.env.NODE_ENV === "production" }),    //限制生产环境
    // new DropConsoleWebpackPlugin()   不做环境限制,  
]

Notes

if   webpack version < 4    :    4.0.0>drop-console-webpack-plugin version >=3.0.0
if   webpack version >= 4   :    drop-console-webpack-plugin version >=4.0.0 && nodejs version > 7.6

参数

Name type default Description
drop_log Boolean true remove console.log(...)
drop_info Boolean true remove console.info(...)
drop_warn Boolean false remove console.warn(...)
drop_error Boolean false remove console.error(...)
exclude Array [] exclude chunk

Code

new DropConsoleWebpackPlugin({
    drop_log    : true, 
    drop_info   : true,
    drop_warn   : false,
    drop_error  : false,
    exclude     : ['manifest'],    //排除不必要的chunk,减少build时间
})

如果觉得我的文章对你有帮助,欢迎关注我的blog

相关知识点

【Javascript】深入理解async/await的实现,Generator+Promise = Async/Await
【Javascript】深入理解this作用域问题以及new运算符对this作用域的影响
【Javascript】手写运算符new创建实例并实现js继承