2021年3月11日
前端性能优化（2.4 vue 懒加载）
摘要： 1. 组件注册懒加载 （1）全局注册 Vue.component('AsyncComponent', ()=> import('./AsyncComponent.vue')) （2）局部注册 new Vue({ components: { AsyncComponent: () => import(' 阅读全文
posted @ 2021-03-11 16:49 zhoulixue 阅读(211) 评论(0) 推荐(0)
前端性能优化（2.3 preload prefetch 和 懒加载）
摘要： index.js async function getComponent () { const { default: _ } = await import(/*webpackChunkName: "lodash"*/'lodash') await import(/* webpackChunkName 阅读全文
posted @ 2021-03-11 16:34 zhoulixue 阅读(438) 评论(0) 推荐(0)
前端性能优化（2.2 代码分离——动态导入 dynamic import）
摘要： 使用 import() 语法实现动态导入 project webpack-demo |- package.json |- webpack.common.js |- webpack.dev.js |- webpack.prod.js |- /dist |- /src |- index.js |- /n 阅读全文
posted @ 2021-03-11 16:12 zhoulixue 阅读(870) 评论(0) 推荐(0)
前端性能优化（2.1 代码分离——入口起点 entry point）
摘要： 入口起点分离： 使用 entry 手动的分离代码。（配置多，并且有一些隐患，不建议使用） project webpack-demo |- package.json |- webpack.common.js|- webpack.prod.js|- webpack.dev.js |- /dist |- 阅读全文
posted @ 2021-03-11 15:47 zhoulixue 阅读(196) 评论(0) 推荐(0)