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

},

},

}),

],

},

};

相关推荐
We་ct1 天前
LeetCode 151. 反转字符串中的单词:两种解法深度剖析
前端·算法·leetcode·typescript
yinmaisoft1 天前
JNPF 表单模板实操:高效复用表单设计指南
前端·javascript·html
37方寸1 天前
前端基础知识(JavaScript)
开发语言·前端·javascript
json{shen:"jing"}1 天前
1. 两数之和
前端·javascript·数据库
github.com/starRTC1 天前
Claude Code中英文系列教程19:使用subagent子代理与创建自定义子代理【重要】
前端·javascript·数据库
hua_ban_yu1 天前
vue3 + ts 制作指令,防止按钮在固定时间内重复点击,不会影响到表单的校验
前端·javascript·vue.js
老神在在0011 天前
Token身份验证完整流程
java·前端·后端·学习·java-ee
利刃大大1 天前
【Vue】指令修饰符 && 样式绑定 && 计算属性computed && 侦听器watch
前端·javascript·vue.js·前端框架
徐小夕@趣谈前端1 天前
NO-CRM 2.0正式上线,Vue3+Echarts+NestJS实现的全栈CRM系统,用AI重新定义和实现客户管理系统
前端·javascript·人工智能·开源·编辑器·echarts
catino1 天前
图片、文件上传
前端