react项目打包时关闭source-map产生的.map文件

最新推荐文章于 2025-11-23 02:18:20 发布

原创最新推荐文章于 2025-11-23 02:18:20 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#reactjs #前端 #webpack

react 同时被 2 个专栏收录

14 篇文章

订阅专栏

webpack

8 篇文章

订阅专栏

本文介绍如何使用 CRACO 进行项目配置，通过修改 craco.config.js 文件实现不同环境下的源代码映射设置。针对生产环境禁用源代码映射以提高性能，而开发环境中则启用 inline-source-map 以便于调试。

项目配置 @craco/craco ，可参考博客

craco.config.js添加如下配置

// 顶部引入path
const path = require("path");


module.exports = {

  ...

  webpack: {
    configure: (webpackConfig) => {
      webpackConfig.devtool = webpackConfig.mode === "production" ? false : 'inline-source-map';
      return webpackConfig
    }
  }

  ...

}