프로젝트 생성
vue create vue-project
플러그인 설치
vue add router
Prefetch 끄기
// vue.config.js
module.exports = {
chainWebpack: config => {
config.plugins.delete('prefetch'); //prefetch 삭제
},
}
특정 컴포넌트에만 Lazy Load 적용하기
주석으로 설정을 표현해줌.
// router/index.js
component: () => import( /* webpackPrefetch: true, webpackChunkName: "provide" */ '../views/ProvideInject.vue')
개발환경 화면 띄우기
yarn dev