使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,
打包位置是 dist/static/js/app.[contenthash].js
类似下面的路由代码
router/index.js 路由相关信息,该路由文件引入了多个 .vue组件
import Hello from '@/components/Hello'import Province from '@/components/Province'
本文介绍了如何在Vue项目中通过Webpack的require.ensure实现按需加载组件,以优化项目性能。默认情况下,Vue CLI构建的项目会将所有JS代码打包成一个大文件,导致加载速度慢。通过修改路由配置,采用懒加载组件,并指定chunk名称,可以将不同组件打包成独立的chunk,从而实现分模块打包。这将把大型JS文件拆分为多个小型JS文件,按需下载,提高应用加载速度。详细步骤及效果参照了Vue Router官方文档。
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,
打包位置是 dist/static/js/app.[contenthash].js
类似下面的路由代码
router/index.js 路由相关信息,该路由文件引入了多个 .vue组件
import Hello from '@/components/Hello'import Province from '@/components/Province'
1094

被折叠的 条评论
为什么被折叠?