如何在EJS文件[WEBPACK]中获取JSON内容

我想从外部的JSON文件中获取值，并在我的EJS文件中使用这些值，该文件由webpack编译为HTML

我的JSON和EJS工作正常

我在EJS中尝试过这样的事情：

<%=
require('./components/products.json')
%>

我尝试过使用Fetch，但在捆绑时Webpack无法识别它。并尝试将其传入一个变量，但结果相同

---

目标是显示JSON中包含的图像的URL，要求它们在EJS文件中作为图像的src。

最后，我找到了一个合适的解决方案。对于未来将来到这里的人们：

一切都发生在

webpack.config.js

---

设置： 1） 我第一次需要我的JSON文件：

const productsJson=require（'.src/components/products.json'）

2） 然后在我的插件阵列中添加以下代码：

new HtmlWebpackPlugin({
    template: './src/index.ejs',
    templateParameters: {
        'myJSON': productsJSON
    }
})

3） 最后，在

index.ejs

中不需要该文件，它已经由

webpack.config.js

加载。要显示JSON内容，只需执行以下操作：

new HtmlWebpackPlugin({
    template: './src/index.ejs',
    templateParameters: {
        'myJSON': productsJSON
    }
})