【React】create-react-app不生成.map文件

asyncComponent

Posted by ARTROY on 2019-06-05

在执行 npm run build 之后,jscss 自动生成 .map 文件,主要是用来定位代码错误位置的,并且可以在 Chrome 浏览器的 sources 查看到源码,所以在开发和测试的时候生成 .map 文件定位错误位置,在生产的时候进行关闭。

解决办法:

一、打包后直接删除 .map 文件。
(缺点: 如果代码进行了分割,直接删除比较麻烦;在 Chrome 浏览器中会有警告,提示.map文件查找不到。)

二、修改配置文件关闭自动生成。
config/webpack.config.prod.js 文件中,大概是33行:

1
2
3
4
5
6
7
8
9
10
// 修改前
const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';

// 修改后
const shouldUseSourceMap = false;

/**
* 如果把 devtool: shouldUseSourceMap ? 'source-map' : false,
* 修改成 devtool: false, 则 css 还是会生成.map 文件,js 不会生成。
* /

修改后再执行 npm run build 就不会自动生成了 .map 文件了。



支付宝打赏 微信打赏

欣赏此文,打赏一下



-->