Webpack dll 가져 오기가 정의되지 않았습니다

Question

react-boilerplate 및 this one과 같은 가이드에 따라 DLL에 libs 묶음을 넣으려고합니다.

DLL을 빌드하고 실행할 때 정의되지 않은 파일이 제공됩니다. 아마 뭔가가있어 내가 dll을 구축하기 위해 분리 웹팩을했다 : 어떻게해야 다른 아무것도

import webpack from 'webpack' 
const library = '[name]' 
export default { 
    entry: { 
    'lokka': ['lokka', 'lokka-transport-http', 'socket.io-client'] 
    /** Other libs **/ 
    }, 
    output: { 
    filename: '[name].dll.js', 
    path: 'build/', 
    library: library 
    }, 
    plugins: [ 
    new webpack.DllPlugin({ 
     path: 'build/[name]-manifest.json', 
     name: library 
    }) 
    ] 
} 

을 그리고 manifest.json을

import webpack from 'webpack' 
const desiredLibs = [ 
    'lokka' 
] 
const plugins = desiredLibs.map((lib) => { 
    return new webpack.DllReferencePlugin({ 
    context: process.cwd(), 
    manifest: require(`../build/${lib}-manifest.json`) 
    }) 
}) 
export const dllReference =() => { 
    return { plugins } 
} 
export default dllReference 

에 대한 참조를 추가 있었나요?

내 경우에는 코드를 실행할 때 lokka가 발견되지 않는다고 불평하고 있습니다.

Answer 1

내가 (분명히) 내 스크립트 src에 생성 된 DLL을 포함시켜야하고 dev의 경우 복사해야한다. 핫 리로딩은 그것의 엔트리를 제공 할 것이고 그것의 의존성을 제공 할 것이기 때문에 dllReference와 copy 부분

그리고 나서 복사 플러그인을 사용하여 dll을 복사 했으므로 스크립트를 html에 추가해야했습니다. 뒤늦은 지각사에 정말 분명하다.