首页webpack 分包

webpack 分包

时间: 2024-08-14 12:04:25 浏览: 62

详解webpack分包及异步加载套路

最近一个小项目是用webpack来进行构建的。其中用到了webpack分包异步加载的功能。今天抽时间看了下webpack打包后的文件，大致弄明白了webpack分包及异步加载的套路。由于这个小项目是用自己写的一个路由，路由定义好了不同路径对应下的模板及逻辑代码: webpack配置文件: var path = require('path'), DashboardPlugin = require('webpack-dashboard/plugin'), HtmlWebpackPlugin = require('html-webpack-plugin'), webpack = requ

Webpack分包是指将一个大的JavaScript文件分割成多个小的文件，以便于在需要时异步加载。这样可以减少初始加载时间，提高页面性能。Webpack提供了多种分包方式，例如按需加载、按页面划分、按模块划分等。其中，按需加载是最常用的方式，可以根据用户的操作或者页面的需要，动态地加载所需的JavaScript文件。另外，Webpack还提供了一些优化策略，例如将运行时代码单独抽离出来，减少HTTP请求，优化关键请求路径等。

阅读全文