Vuew 및 webpack 지연로드. 청크 파일은 어디에 정의되어 있습니까?

Question

vuejs와 함께 https://router.vuejs.org/en/advanced/lazy-loading.html.

예제 코드를 실행했습니다.

지연로드가있는 예제에서이 0.chunk.js 및 1.chunk.js는 어디에 정의되어 있습니까?

웹팩 문서를 말한다 "비 항목 청크 파일"하지만 어떻게 우리는이 청크 파일을 정의 않습니다. 나는 vue-router 예제 코드를 보았지만 알아 내지 못했습니다.

Answer 1

당신은 할 수 github에서 /examples/webpack.config.js에 defnition을 lazyloading 찾을 수 있습니다.

output: { 
    path: path.join(__dirname, '__build__'), 
    filename: '[name].js', 
    chunkFilename: '[id].chunk.js', 
    publicPath: '/__build__/' 
    }, 

Answer 2

을 다음과 같이 출력 구성에서의 이러한 덩어리가 정상적으로 js/manifest.js 파일에 정의 된 구성하고,이 목적을 위해 웹팩에 의해 생성됩니다.

내에서이

o.src = a.p + "js/" + e + "." + { 
    0: "796f1d0e67b998e17b3f", 
    1: "81d71d5e62996e7658f9", 
    2: "4775738f0618fa75e735", 
    3: "fd3c35ef3f5142e14115", 
    4: "7ad17212637dbc558b8a", 
    ... 
}[e] + ".js"; 

이 덩어리는 라우터 파일의 기반으로 내장되어 있습니다 (꽤 인쇄 후) 다음과 같습니다. 또한 js 폴더에는 해당 목록에 해당하는 e.chunkID.js이 있습니다.