之前，也写过好几篇的关于使用create-react-app脚手架搭建的项目，不过近期都没有遇到了新的需求，所以就没有再折腾了，今天遇到需要需要把代码里面的一些调试语句是删除了(如console.log这类的)，毕竟这在实际的生产环境是没有任何的意义的，只要开发环境的时候用于调试就可以了。
话不多说了，直接开干了。
找到根目录下的craco.config.js文件，修改信息如下；
module.exports = {
webpack: {
configure: (webpackConfig, { env, paths }) => {
//判断当前运行的环境是否是生产环境，如果是的话，就删除代码中的注释代码如console.log
if (env === "production") {
const minimizerIndex = webpackConfig.optimization.minimizer.findIndex(
(item) => item.options.terserOptions
);
webpackConfig.optimization.minimizer[
minimizerIndex
].options.terserOptions.compress.drop_console = true;
}
return webpackConfig;
},
},
};
按照上面的配置修改之后，就可以打包尝试下，代码中的注释(如console.log这类)代码是否都已经删除啦。
推荐阅读
使用Create React App脚手架快速创建TypeScript+React+Ant Design开发环境
使用create-react-app创建的项目，怎么设置才能支持less文件？（自定义主题配色）