大佬教程收集整理的这篇文章主要介绍了在Webpack中加载静态JSON文件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
您fetch用于请求JsON文件，而这只会在运行时发生。此外，webpack只处理导入的任何内容。您希望它可以处理函数的参数，但是如果webpack这样做，则函数的每个参数都将被视为模块，这会破坏该函数的其他用途。
如果您希望装入程序启动，则可以导入文件。
import './portal/content/Json/menu.Json';
您还可以导入JsON并直接使用它，而不是在运行时获取它。Webpack 2 json-
loader默认使用所有.Json文件。您应该删除.Json规则，并按如下所示导入JsON。
import menu from './portal/content/Json/menu.Json';
menu与您从getMenu函数中获得的JavaScript对象相同。
我的代码在构造后的某个地方：
var getMenu = function () {
return window.fetch("portal/content/json/menu.json").then(function (data) {
return data.json();
});
};
我尝试了webpack.config.js这个：
module: {
loaders: [
...
{
test: /\.json$/,exclude: /node_modules/,use: [
'file-loader?name=[name].[ext]&outputPath=portal/content/json'
]
},...
]
}
项目结构 ：
dist
content
json
menu.json <- this is missing
src
content
json
menu.json <- source file
题：
webpack如何复制src/content/json/menu.json到dist/content/json/menu.json？
以上是大佬教程为你收集整理的在Webpack中加载静态JSON文件全部内容，希望文章能够帮你解决在Webpack中加载静态JSON文件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。