使用create-react-app创建的项目如何用craco来取消console.log

原创 野人  2022-01-13 22:36  阅读 16 次

之前,也写过好几篇的关于使用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文件?(自定义主题配色)

使用create-react-app创建的项目引入了Ant Design里面的组件怎么实现按需加载?

使用create-react-app创建项目中的%PUBLIC_URL%怎么用craco来修改

本文地址:http://www.yerenwz.com/5565.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论