json - 有什么方法可以在运行时使用 webpack 加载资源？

Question

我有一个 .json 文件，其中包含我想使用典型的 import/require 语法从另一个脚本文件中引用的配置内容。目前我正在使用 webpack 来解决这些依赖关系并为我捆绑它们。但是我想在运行时加载这个文件，并希望可能有某种类型的加载器可以在运行时为我解析和加载这个文件。到目前为止，我还没有找到完全符合我需求的东西。

例子:

var jQuery = require('jQuery');
var sol = require('some-other-lib');
var myConfig = require('/real/production/url/myconfig.json');

console.log(myConfig.myFavoriteSetting);

在上面的示例中，我希望在运行时解析并加载 myconfig.json。

可能相关的问题:

• how to use webpack to load CDN or external vendor javascript lib in js file, not in html file
• Webpack - dynamic require and paths
• Require JS files dynamically on runtime using webpack

Answer 1

我想你想要的是require.ensure ，webpack的代码拆分。你“确保”的模块被放入一个单独的包中，当你的“确保”在运行时执行时，webpack 运行时会自动通过 ajax 获取包。请注意用于确保的回调语法——您的回调在包完成加载时运行。此时您仍然需要需要所需的模块； .ensure 只是确保它们可用。

代码拆分是 webpack 的主要功能之一，它允许您在任何给定时间只加载您需要的内容。还有插件等来优化多个 bundle 。