webpackの対象ファイルにjsonファイルがある場合のエラー

ERROR in ./どこぞのパス/なんとか.json

Module build failed: SyntaxError: Unexpected token, expected ;

jsonファイルをrequireで読み込みようにしたらエラーが出てハマった

jsonにはjsonのローダーの指定が必要でした

参考：https://github.com/webpack/webpack/issues/4411

追加するnpm：https://www.npmjs.com/package/json-loader

webpackのconfigのイメージ

module: {
    rules: [
        {test: /\.js$/, use: ['babel-loader', 'eslint-loader'], exclude: /node_modules/,},
        {test: /\.html$/, use: ['html-loader?attrs=false']},
        {test: /\.json$/, use: ['json-loader']},
    ],
},

ちなみにrequireで読み込んだjsonは既にオブジェクトに変換されてたので、JSON.paserは呼ぶ必要なくなっていた。