Webpack require.ensure检查加载完成
Webpack是一个现代化的JavaScript模块打包工具，它可以将多个模块打包成一个或多个bundle文件，以便在浏览器中加载。require.ensure是Webpack中的一个异步加载模块的方法。
require.ensure的作用是在需要的时候才加载模块，而不是在页面初始化时就加载所有模块。这样可以提高页面的加载速度和性能。它接受三个参数：依赖数组、回调函数和模块名称。
依赖数组是一个包含需要加载的模块路径的数组。回调函数是在加载完成后执行的函数。模块名称是可选的，用于指定模块的名称。
使用require.ensure可以将模块按需加载，避免了一次性加载所有模块的性能问题。它适用于大型项目中的按需加载场景，可以提高页面的响应速度。
腾讯云提供了一系列的云计算产品，其中与Webpack相关的产品是腾讯云CDN（内容分发网络）。CDN可以加速静态资源的访问，提高页面加载速度。腾讯云CDN的产品介绍和详细信息可以参考腾讯云官网的链接：https://cloud.tencent.com/product/cdn
相关·内容
Webpack的延迟加载有时会导致空白屏幕或组件延迟出现，所以我想至少显示一个旋转器，这样用户就不会认为我们有一个破碎的页面。
require.ensure可以检查模块加载是否完成吗？
浏览 6提问于2017-08-16得票数 1
我正在尝试使用require.ensure使Webpack 2为较老的浏览器创建包含多边形填充的单独包。我的理解是，以下代码将导致创建并加载新的捆绑包whatwgFetch： require('whatwg-fetch')Webpack输出只创建了一个包，当我检查它时，我可以看到whatwg-fetch模块已经包含在其中。我的假设基
浏览 7提问于2017-01-19得票数 1
客户端的javascript是通过webpack绑定的。问题是，我如何配置webpack，以懒散这些模块。import( /* webpackChunkName: "tinymce" */ 'tinymce' );require( 'tinymce' );
Webpa
浏览 1提问于2019-04-08得票数 0
我一直在调试一个加载了太多块的问题，并且我发现加载我的许多块的发起者是一个require.ensure调用。在其最极端的简化版本中，下面是包含require.ensure的模块的全部内容。处理这个require.ensure时，它生成一个Promise.all，其中包含对8
浏览 1提问于2021-11-08得票数 0
1回答
我有一个使用Webpack的应用程序，现在我想执行以下操作：resources ├── B.json我想动态加载其中的一个function(resource) { });这对我来说很好，希望我的所有资源都捆绑到单个1.js文件中，但我想拆分它们，只按需加载一个我怎么才能和webpack一起做？
浏览 3提问于2016-02-13得票数 0
1回答
当我进入admin路由时，它将加载管理的js文件，而about将加载关于的js文件，可以吗？有人遇到同样的问题吗？
浏览 2提问于2017-01-05得票数 1
回答已采纳
1回答
我希望将这两个部分完全分开，以便在呈现teachers路由时不会加载students部件的代码。我有两个理由：
为学生的应用程序加载更好的时间--当我知道不需要它的时候，下载和运行大量的JavaScript是没有意义的。
浏览 2提问于2015-12-20得票数 0
回答已采纳
但是，我有一些代码需要动态加载ES6模块，如下所示： System.import(src).then(function() {});src是一个外部我怎么才能把这段代码移植给Webpack呢？如果我尝试使用REQUIRE语句，我会得到一个警告，根据Webpack的文档，这似乎是正常的。
浏览 0提问于2016-03-19得票数 6
"root" component={App}> require.ensure<Route name="homeSeries" path="/series/:series_id" getComponent={(location, cb) => {
浏览 20提问于2017-01-08得票数 0
7回答
我需要动态加载一个反应性组件。如何动态加载组件，而不是使用静态导入语句。Require.Ensure似乎不计算表达式。require.ensure([ "./widgets/" + componentName ] ,(require) => {
let Component = require(".
浏览 6提问于2016-04-30得票数 28
回答已采纳
我试着用ChunkManifest和webpack-manifest插件重新创建它，但它就是做不到。任何建议都会很棒！
浏览 4提问于2016-12-27得票数 3
回答已采纳
我正在使用React intl来实现UI Util库的国际化。库中有一个文件夹(如i18n )，其中我将json文件放置在不同的locales.If中--这个库的用户希望添加对其他区域设置的支持，他/她可以将其他json文件与相应区域设置的键/值对放在一起。import fr from 'react-intl/locale-data/fr';是否有一种方法可以在React中动态地导入和导入相应区域设置的区域设置库？
浏览 6提问于2016-12-22得票数 2
回答已采纳
1回答
assets/javascripts/modules/**/*.js'],webpackOptions: require(config.PROJECT_ROOT + '/webpack.config.jsjavascripts/controllers/**/*.js'],webpackOptions: require(config.PROJECT_ROOT + '/<e
浏览 1提问于2015-09-09得票数 1
2回答
Router \\组件未呈现
、、、、
我正在尝试使用Webpack 2实现基于路由的代码分割，并使用React路由器4。我能够根据这些路由创建不同的块。例如，对于主页，我有一个vendor.js、main.js和home.js。所有三个文件都已成功加载，但我没有看到任何输出。null正在呈现。下面是工具和使用的代码的截图。我能知道我在这里错过了什么吗？const webpack = require('webpack');
var BundleTracker = require('webpack-
浏览 3提问于2017-12-26得票数 0
回答已采纳
我的策略是在组件的require方法中使用webpack的componentDidMount方法。以下是我的尝试： require.ensure([ 'local/relative/path/to/lib/brav1toolbox.js'], functionReferenceError: Brav1Toolbox未定义
因此，虽然正在加载Flowtime，但无法找到Brav1Toolbox。我既没有反应的经验，也没有
浏览 1提问于2016-08-30得票数 4
我刚刚意识到，如果你使用require.ensure()动态加载模块，webpack将不会一起分析和分块依赖项。这在某种程度上是有道理的，有人可能会争辩说，webpack不知道这样的模块是否会被转移，但我们能强迫webpack做这项工作吗？示例如下：require.ensure([ 'module1.js' ], ( require ) => { require( '
浏览 53提问于2016-09-01得票数 17
回答已采纳
我正在测试的脚本之一调用Webpack的函数，这个函数对于在应用程序中创建代码分裂点非常有用，当它被Webpack捆绑时。我为这个脚本编写的测试没有在Webpack上下文中运行，因此require.ensure函数不存在，并且测试失败。
我试图为这个函数创建某种类型的填充/存根/模拟/间谍，但是没有任何运气。有一个包，，它确实允许创建webpack的上下文。这是可行的，但速度慢得令人无法接受。我更希望有一些轻量级的填充直接针对require.ensure函数
浏览 3提问于2015-10-11得票数 1
回答已采纳
我一直试图加载多个文件在一个单一的要求使用捆绑加载程序插件webpack。下面是如何要求一个单一的文件。});但不知道这是怎么实现的，知道吗？
浏览 0提问于2016-11-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
