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

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继承

转载于:https://juejin.im/post/5b791356e51d4538e4103451