npm run build:prod 打包后,文件中的console.log 失效

在使用 npm run build:prod 命令进行项目打包时,如果发现代码中的 console.log 语句已经去除,可能是因为你的构建配置没有正确设置以去除开发环境中的调试语句。以下是一些常见的解决方案和步骤,帮助你确保在生产环境中移除或者展示 console.log。

使用环境变量

在 Webpack 配置中,你可以通过定义环境变量来控制是否移除 console.log。例如,你可以在 Webpack 的配置文件中添加一个插件来根据环境变量决定是否移除 console 调用。

安装并使用 TerserPlugin

如果你使用的是 Webpack,可以安装并使用 TerserPlugin 来压缩和优化你的代码,同时配置它以删除 console 语句。

首先,确保安装了 terser-webpack-plugin:

npm install terser-webpack-plugin --save-dev

2.在你的 Webpack 配置文件中(通常是 webpack.prod.js),配置 TerserPlugin 来移除 console:

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {

// 其他配置...

optimization: {

minimize: true,

minimizer: [

new TerserPlugin({

terserOptions: {

compress: {

drop_console: true, // 移除console

},

},

}),

],

},

};

相关推荐
前端小万17 分钟前
想做个人副业别乱买服务器!我的 5 个月真实开销分享
前端·后端·github
用户693717500138440 分钟前
我买的电视,我还不能研究它吗?
前端·后端·ai编程
Hilaku1 小时前
删了一个没用的 console.log,生产环境直接崩了!
前端·javascript·程序员
计算机魔术师1 小时前
Latent Space 解读 Anthropic 提交 S-1:拟以代码 AN 上市纳斯达克,H1 2026 营收 16.3B 美元
前端
2601_949847751 小时前
Form-data 跨端三方库仓颉适配全流程
前端·javascript·flutter
FungLeo1 小时前
成为全栈·Go 后端篇·契约一致性与差分测试:两套实现如何互相校验
golang·node.js·go·合约测试·差分测试·成为全栈·api兼容
zyseo81 小时前
谷歌SEO 内容更新焕新流程:让老页面重新起量
java·前端·javascript
夜雪一千2 小时前
标题特殊符号数据清洗实战:解决HTML实体、零宽字符、Emoji乱码踩坑
前端·html
richdata2 小时前
从采购承诺到库存周转:降低库存资金占用的六个计划杠杆
大数据·前端·javascript
计算机魔术师2 小时前
别人IPO发股票,Anthropic一口气搞出五类
前端