Попытка загрузить большие файлы JSON с помощью загрузчика файлов и веб-пакета - PullRequest
Новая
       9

Попытка загрузить большие файлы JSON с помощью загрузчика файлов и веб-пакета

0 голосов
/ 08 мая 2018

Я пробовал пару способов загрузить большой файл json (> 144 МБ), который мне нужен в моем приложении React, используя Webpack (v4.3). Я следил за GitHub Issue на Webpack и попытался использовать загрузчик файлов с Webpack. PFB, файл webpack.config.js.

Когда я пытаюсь отладить значение для const ORIGIN_DESTINATION_DATA = require('../.././data/./origin_destination.json'); Я вижу, что ORIGIN_DESTINATION_DATA содержит строку "src / data / destination_origin.json", а не фактические данные JSON. 

var webpack = require('webpack');
var path = require('path');

const flaskApp = path.join(__dirname, '../', 'app_name');

module.exports = {
	entry: __dirname + '/src/index.jsx',
	output: {
		path: flaskApp + '/static',
		filename: 'bundle.js',
	},
	resolve: {
		extensions: ['.js', '.jsx', '.css', '.json']
	},
	module: {
		rules: [{
				test: /\.(js|jsx)$/,
				exclude: /node_modules/,
				loader: 'babel-loader'
			}, {
				test: /\.less$/,
				loaders: ["style-loader", "css-loader", "less-loader"]
			}, {
				test: /\.css$/,
				loaders: ['style-loader', 'css-loader']
			}, {
				test: /\.(png|woff|woff2|eot|ttf|svg)$/,
				loader: 'url-loader?limit=100000'
			}, {
				test: /\.geojson$/,
				loader: 'url-loader?limit=100000'
			}, {
				type: 'javascript/auto',
				test: /\.json$/,
				use: [{
						loader: 'file-loader',
						options: {
							name: "[path][name].[ext]"
						}
					}
				]
			}

		]
	},
};
...