backbone.js Webpack 4:使用文件加载器在输出中包含许多JSON文件

xzv2uavs  于 2022-11-10  发布在  Webpack
关注(0)|答案(1)|浏览(178)

我正在使用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

1cosmwyk

1cosmwyk1#

这里的解决方案是使用require()而不是import(),它将 * 同步地 * 解析为资产的URL:

Backbone 网型号

url: function() {
  return require(`collections/${this.get('id')}.json`);
}

相关问题