問題情景
使用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