使用WebPack在目录中创建所有文件的JSON
我有以下目录结构：
.
├── assets
│ └── sprite1.png
│ └── sprite2.png
│ └── sprite3.png
├── dist
│ ├── bundle.js
│ └── index.html
├── src
│ └── main.ts
├── tsconfig.json
└── webpack.config.js
我想生成subtest.json在dist/上的文件，看起来像这样：
{
"sprite1": "../assets/sprite1.png",
"sprite2": "../assets/sprite2.png",
"sprite3": "../assets/sprite3.png"
}
我想通过使用webpack在资产/中扫描所有文件路径，以便我要做的就是拖放.png Assets/，它们将自动写入清单，我应用程序的其他部分将用于加载资产。
这可能吗？有比使用WebPack更好的方法吗？
I have the following directory structure:
.
├── assets
│ └── sprite1.png
│ └── sprite2.png
│ └── sprite3.png
├── dist
│ ├── bundle.js
│ └── index.html
├── src
│ └── main.ts
├── tsconfig.json
└── webpack.config.js
I am wanting to to generate a manifest.json file in dist/ on build that will look something like this:
{
"sprite1": "../assets/sprite1.png",
"sprite2": "../assets/sprite2.png",
"sprite3": "../assets/sprite3.png"
}
I want to do this by using webpack to scan all the file paths in assets/, so that all I have to do is drag-and-drop .png files in assets/ and they will automatically be written to the manifest, which other parts of my app will use to load in assets.
Is this possible? Is there a better way to do it than using webpack?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论