Javascript 如何使用Webpack4JSON树摇动功能和包含字符“-”的键?

Javascript 如何使用Webpack4JSON树摇动功能和包含字符“-”的键?,javascript,json,webpack,Javascript,Json,Webpack,我想使用,但我遇到了障碍 这是一些工作代码: import { accessibility_16 } from '@collab-ui/icons/data/iconsData.json'; console.log("accessibility_16:", accessibility_16); 是一个巨大的文件,但多亏了webpack,我在使用webpack-p时,在最后一个捆绑包中只得到了与accessibility_16相关的代码。问题是JSON文件中的一些键不是有效的JavaScrip

我想使用,但我遇到了障碍

这是一些工作代码:

import { accessibility_16 } from '@collab-ui/icons/data/iconsData.json';

console.log("accessibility_16:", accessibility_16);
是一个巨大的文件,但多亏了webpack,我在使用webpack-p时,在最后一个捆绑包中只得到了与accessibility_16相关的代码。问题是JSON文件中的一些键不是有效的JavaScript标识符,例如:arrow-circle-down_16

上面的代码无效

如何导入arrow-circle-down_16并仍然从JSON树抖动中获益


谢谢

多亏了这一点,我找到了如何编写代码来完成我想做的事情,但我不确定这是否是未来的证明:

import * as json from "@collab-ui/icons/data/iconsData.json";
const path = json["arrow-circle-down_16"];
console.log("arrow-circle-down_16:", path);

这会导入整个文件,不是吗?
import * as json from "@collab-ui/icons/data/iconsData.json";
const path = json["arrow-circle-down_16"];
console.log("arrow-circle-down_16:", path);