Javascript 需要webpack插件通过编译发出的文件。资产[]=
我正在使用该插件将一组图像打包到地图集中,其中包含Javascript 需要webpack插件通过编译发出的文件。资产[]=,javascript,webpack,Javascript,Webpack,我正在使用该插件将一组图像打包到地图集中,其中包含webpack.config.js: 。。。 插件:[ 新的WebpackFreeTexPacker(path.resolve(uu dirname,'textures'),'atlases'{ 纹理名称:“atlas”, 宽度:512,高度:512, 填充:1, allowRotation:false,allowTrim:false, 真的吗, 出口商:“皮希”, }), ], 然后通过在compilation.assets上设置属性来生成地
webpack.config.js
:
。。。
插件:[
新的WebpackFreeTexPacker(path.resolve(uu dirname,'textures'),'atlases'{
纹理名称:“atlas”,
宽度:512,高度:512,
填充:1,
allowRotation:false,allowTrim:false,
真的吗,
出口商:“皮希”,
}),
],
然后通过在compilation.assets
上设置属性来生成地图集。这会起作用,并且在构建时会显示输出:
atlases/atlas-0.json 1.51 KiB [emitted]
atlases/atlas-0.png 32.6 KiB [emitted]
atlases/atlas-1.json 689 bytes [emitted]
atlases/atlas-1.png 3.03 KiB [emitted]
但是,我现在如何从JavaScript模块导入生成的JSON文件?
我已经试过了
const-atlases={};
const r=require.context(“../atlases/”,false,/^atlas-\d+\.json$/);
r、 key().forEach(key=>atlases[key]=r(key));
(以及导入方法和'atlases/'
而不是相对路径的任何其他组合),但我得到了错误
ERROR in ./src/main.js
Module not found: Error: Can't resolve '../atlases/' in '/home/axel/git/project/src'
@ ./src/main.js 38:8-66
我认为不可能使用
require.context
在此处加载所有构建的JSON文件,因为webpack
将帮助您在运行build时查找磁盘上的文件,这意味着它需要当时存在的文件,但我们仅在构建完成后构建JSON文件
因此,我认为您可以在assets dir中通过http加载JSON构建的文件,这是repo查看JSON文件的一个示例:
我不确定它是否支持.json
。你能分享回购的完整网页配置和结构吗?@tmhao2005是的,它位于