react 執行 yarn build 后 去除 .js.map 文件

map文件是幫助我們查看報錯的位置的。

1.方案一

map文件由devtool屬性控制，如果不想要map，注釋掉就可以，大約webpack.config.prod.js第57行；

// devtool: shouldUseSourceMap ? 'source-map' : false,

2.方案二

（1）安裝 react-app-rewired

yarn add react-app-rewired

（2）配置 config-overrides.js ，例如：

const { injectBabelPlugin } = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');

module.exports = function override(config, env) {
  config = injectBabelPlugin(
    ['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }], // change importing css to less
    config,
  );
  config.devtool = false; // 關掉 sourceMap 
  config = injectBabelPlugin('babel-plugin-transform-decorators-legacy', config); // 支持裝飾器
  config = rewireLess.withLoaderOptions({
    modifyVars: { '@primary-color': '#1890ff' },
    javascriptEnabled: true,
  })(config, env);
  return config;
};

.