私は2つのエントリポイント(a.jsとb.js)を持つwebpackの設定をしています。共通とベンダー。複数のエントリポイント、共通、ベンダー、チャンクを持つWebpackを設定する
私は
a.jsとb.jsは小さくあるべきExplicit Vendor Chunk例を使用しています - モジュールのみ自分自身ではなく、任意の共有コード。私は "ランタイム"をアプリケーションランタイム(common.js)とベンダーランタイム(vendor.js)の間で分割したいと思います。
私はa.htmlをロードすると、vendor.js、common.jsとa .jsスクリプト
module.exports = {
context: __dirname,
devtool: 'inline-source-map',
entry: {
a: './src/a.js',
b: './src/b.js',
vendor: [
'react',
'react-dom',
'react-router'
]
},
output: {
path: path.join(__dirname, './build'),
filename: '[name].js'
},
plugins: [
new CommonsChunkPlugin({
name: "vendor",
minChunks: Infinity,
})
]
}
これは、ベンダーのチャンクを作成しますが、私はまたa.jsとb.js.の間で共通のアプリチャンクを作成したいです
webpackを使用して共通のアプリケーションチャンクを作成するにはどうすればよいですか?