inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)

Lazy Load (비동기 컴포넌트) 구성하기

prefetch기능

742

hxhxhx

작성한 질문수 11

0

최근 vue cli가 업데이트 되면서 vue prefetch기능을 활성화하기 위해서는 

component: () => import(/* webpackChunkName: "about"*/ /*webpackPrefetch: true*/ '../views/AboutView.vue')

위와 같이 index.js의 컴포넌트 코드에 webpackPrefetch: true코드를 추가해야 하는것으로 알게되어 코드에 추가하였고, 정상 작동되었습니다.

 

그런데, 강의상에 나와있는 것처럼 위의 index.js코드를 그대로 둔 채로

vue.config.js에 

module.exports={
  chainWebpack: config=>{
    config.plugins.delete('prefetch'); //prefetch 삭제
  }
};

를 추가하고 서버를 재기동 했을 때 prefetch옵션이 제거되지 않고 그대로 작동합니다.

 

혹시 이것도 업데이트 되면서 바뀐 부분인가요?

vuex vuejs

답변 1

1

개발자의 품격

vue 가 업데이트 되면서 기본 값이 prefetch를 사용하지 않는 것이기 때문에 앞으로 config.plugins.delete('prefetch')는 더이상 의미가 없습니다. prefetch를 사용하고 싶은 경우 라우터에서 지금 작성하신 것 처럼 webpachPrefetch:true를 넣어주시기만 하면 됩니다.

google login 를 따라하다가 오류 발생

0

943

1

Expected indentation of 2 spaces but found 4 오류

0

880

1

카카오 로그인 에러가 뜨세요

0

441

1

Multi-word질문드립니다.

0

242

2

설치 이후 npm run serve 화면 안나옴

0

659

1

vue cli 문제

0

371

2

요청드립니다.

0

163

0

eslint 에러발생

0

1393

1

main.js 질문드립니다.

0

234

1

vuex-persistedstate 는 동작 자체를 안하네요?

0

375

1

15강.조회화면 저장실습 - params안됨

0

289

1

array 넘겨주기

0

165

0

유튜브 4시간 강의와는 어떤 차이가 있을까요?

0

292

1

테이블 list 랜더링 되지 않습니다.

0

260

1

펑션을 한 depth 더 들어가면 $호출이 안되는 이유가 뭘까요?

0

293

2

name 값이 없는 경우 오류

0

214

1

vue config 파일 문의

0

350

1

실무 레벨에서 공통코드(기준정보)는 어떻게 구현 할까요?

0

333

1

강의자료가 따로 있나요?

0

364

1

computed 대신 직접 this.$store.state.user 사용은 안되나요?

0

174

0

lazy-load의 성능에 대해서 질문이 있습니다.

0

207

0

Prefetch 관련 질문 드립니다.

0

144

1

저는 왜 하나의 단어가 지정이 안될까요?

0

315

1

V디렉티브 문법 오류 질문드립니다.

0

489

1