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

原创于 2018-08-14 18:30:19 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #plugin #打包

前端开发进阶同时被 2 个专栏收录

33 篇文章

订阅专栏

javascript

20 篇文章

订阅专栏

本文介绍如何使用drop-console-webpack-plugin插件在Webpack4中移除不必要的console.log、console.info、console.warn、console.error日志，提高构建效率。通过配置插件参数，实现生产环境下日志的限制，同时提供排除某些chunk的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

安装

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

github:https://github.com/Rise-Devin/drop-console-webpack-plugin

使用

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时间
})