我有一些前端代码，需要针对特定目录中的每个png运行。我正在使用Webpack，但不确定如何使用它。
我意识到Webpack只在服务器端运行，但这很好。我正在寻找的是一个变量，它是路径的数组。我不想对其进行硬编码，因为有很多png文件。
理想情况下，可以使用某种通用的编译时命令将Javascript插入结果中，如下所示：
var glob = require("glob")
var loadFiles = new Promise(funtion(resolve, reject) {
CompileTimeCommand(function() {
glob("assets/tilesheet_images/*.png", function (er, paths) {
if (err) { reject(err) } else { resolve(paths) }
})
})
})
loadFiles.then(function(paths) {
// etc
})
问题是，这CompileTimeCommand不存在。
有什么方法可以使用require或某种通用编译时宏系统来实现？我之前写过一个Webpack加载器，但是为一个简单的即席命令制作一个新的软件包似乎太过分了。
有没有比仅制作一个单独的脚本来运行dir glob并将路径保存到我的程序读取的json文件中更好的方法呢？
如果您需要在运行时获取文件列表，并且该列表可以在运行时更改，那么您宁愿使用后端技术来访问文件系统，并通过例如http调用将结果返回到前端。
否则，如果文件是静态的并且在编译时确定，则可以glob在webpack配置文件中使用并将其结果放入DefinePlugin中，以用文件列表替换某些变量。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句