解決create-react-app .json文件無法正常打包

問題情景

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

適用於很多不能正常打包的文件,像 |atlas|conf|ani

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章