我正在使用Webpack 4,并尝试实现以下目标:collections/
文件夹包含 many JSON文件,我希望以[name].[chunkhash].json
(或其变体)的形式将其包含在输出文件夹中。
在JS文件中,我希望动态地请求它们,例如import(
collections/${name}.json)
。此外,我希望这个require语句解析为块的URL,这样我就可以使用Backbone来获取它。
看起来file-loader
将是它的完美候选者,但是我很难让它与JSON文件一起工作。
网页包.配置.js
{
test: [
/\.json$/
],
type: 'javascript/auto',
include: [/generated/],
loader: 'file-loader'
}
Backbone 网型号
url: function() {
return import(`collections/${this.get('id')}.json`);
}
我想把这里的import
语句替换为输出文件夹中JSON文件的URL。这里应该使用什么样式的导入?
我想避免copy-webpack-plugin
。
1条答案
按热度按时间1cosmwyk1#
这里的解决方案是使用
require()
而不是import()
,它将 * 同步地 * 解析为资产的URL:Backbone 网型号