解决create-react-app .json文件无法正常打包

最新推荐文章于 2022-08-10 09:53:04 发布

Simon_youth

最新推荐文章于 2022-08-10 09:53:04 发布

阅读量891

点赞数

分类专栏： webpack 文章标签： webpack react json create-react-app npm run build

本文链接：https://blog.csdn.net/qq_39711712/article/details/86412919

版权

webpack 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

问题情景

使用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]',
         },
       },
   },
   ....
 ]
}