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

Beamon__

于 2023-01-30 17:02:04 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： react webpack 文章标签： reactjs 前端 webpack

本文链接：https://blog.csdn.net/Beamon__/article/details/128805465

react 同时被 2 个专栏收录

14 篇文章

订阅专栏

webpack

8 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目配置 @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
    }
  }

  ...

}