Случай I: у меня есть файл с именем data.json
{
"a": 1,
"b": 2,
...
}
Который я импортировал/требовал в index.js
, как показано ниже
import data from './data.json';
console.log(data["a"]);
Все работает нормально, но весь data.json сбрасывается в index.js при объединении с веб-пакетом, поэтому размер файла увеличивается со значениями свойств, которые мне не нужны.
Вариант II: Однако, если я сделаю следующее в index.js
const a = {
"a": 1,
"b": 2,
...
}
console.log(data["a"]);
Все в порядке (записывается значение 1), и никаких ненужных свойств json-переменной a не сбрасывалось. Я думаю, что Tree Shaking веб-пакета работает здесь (я не уверен)
Мой вопрос: как мне достичь случая II (без лишних свойств), потребовав/импортировав файл, как это делается в случае I?
Я думал, есть ли способ рассматривать содержимое require как значение, а не как зависимость, чтобы webpack или любой другой упаковщик не включал его в связанный файл.
PS: Я комплектую для WEB
export const data = {a:1, b:2}
пс. случай II не является JSON. - person Keith   schedule 25.02.2020import {data} from './data.js';
Хотите сделать это ответом, чтобы я мог принять. - person Toheeb   schedule 25.02.2020