异步路由组件
都知道异步路由组件通过 () => 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()]}
};