2

webpack 3 では、依存関係を持つことができました。そのすべての依存関係は、次を使用して「共通チャンク」にグループ化されます。

    new webpack.optimize.CommonsChunkPlugin({
        name: 'common-init',
        minChunks: Infinity
    })

Webpack 4 では、splitChunks を使用する必要があります。ただし、すべてが「Infinity」をサポートしていない minChunk と test に基づいており、上記と「同様の」ものを取得したい場合は、以下のように「test」を使用する必要があります。別の「cacheGroup」は、これらの依存関係をバンドルしません。

    cacheGroups: {
            'common-init' : {
                name: 'common-init',
                chunks: 'initial',
                minChunks: 2,
                enforce : true,
                priority : 10,
                test : /common|somedepInit.js|analyticsDep|otherDepInit/
            },
            'resources': {
                name: 'resources',
                chunks: 'initial',
                minChunks: 2,
                test: /resources/
            }
    }

これは技術的には私が使用できるソリューションですが、Infinity を使用すると、特定の依存関係を強制するために必要なコードがはるかに少なくなり、最終的に非常に特定の「共通チャンク」になりました。

Webpack 4 で同じことを達成するためのより良い方法はありますか?

4

1 に答える 1