Webpack DLLのインポートが定義されていません

Question

react-boilerplateとthis oneのようなガイドに沿って、DLLにたくさんのlibsを入れようとしています。

私がDLLをビルドして実行するとき、ファイルは定義されていません。 私はおそらく私がDLLを構築するための分離のWebPACKをした何か欠けている：

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

私は（明らかに）生成されたDLLを自分のスクリプトsrcに入れて、devの場合はコピーする必要があります。ホットリロードはそのエントリとそれに依存するので、dllReferenceとcopy部分

その後、コピープラグインを使用してdllをコピーしたので、htmlにスクリプトを追加する必要がありました。後見では本当に明白です