解决create-react-app .json文件无法正常打包_react-create-app 通过 @引入public json静态文件,build后修改不生效

问题情景

使用create-react-app创建react应用，在除public目录里的.json文件（在public目录里的文件会copy）
src/data/population.json
import './data/population.json'
npm run build之后根本没有这个json。

解决方法

• 首先npm run reject暴露webpack配置文件
• 在config/webpack.config.dev.js, config/webpack.config.prod.js 添加

module: {
 rules: [
   ....
   {
       type: 'javascript/auto', // 敲重点！！！
       test: /\.(json)$/,
       exclude: /node_modules/,
       use: {
         loader: 'file-loader',
         options: {
           name: '[name].[ext]',
         },
       },
   },
   ....
 ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

适用于很多不能正常打包的文件，像 |atlas|conf|ani