异步路由组件
都知道异步路由组件通过 () => import("./views/Home.vue")
导入路由组件。
但是它怎么就按需加载资源、代码分割了?
不同的代码解析报告
非异步路由组件
异步路由组件
代码分析报告生成代码
pnpm install webpack-bundle-analyzer
file:[vue.config.js]
const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
module.exports = {
configureWebpack: {
plugins: [new BundleAnalyzerPlugin()]
}
};
标签:异步,Vue,代码,webpack,BundleAnalyzerPlugin,组件,路由
From: https://www.cnblogs.com/Himmelbleu/p/18453206