Vue项目打包部署app.js过大问题

vue项目打包部署会生成2个js:vendor.jsapp.js

vendor.js 引入的第三方库
app.js 项目里自己写的所有代码的合集

在项目过大或者项目存放了大量图片时,打包的时候会发现app.js太大影响项目一开始的加载速度。这个时候我们可以将部分页面用路由懒加载的形式实现。

main.js

//正常的实现路由方式:(打包的后会在app.js中)
import Agreement from './components/agreement'

//AMD风格的异步加载:(打包后不在app.js内,会生成单独的js文件)
const Agreement = resolve => require(['./components/agreement.vue'], resolve)

const routes = [
    { path: '/agreement', name: "agreementLink", component: Agreement },
]

你可能感兴趣的:(Vue项目打包部署app.js过大问题)