在使用 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
},
},
}),
],
},
};