在具有大量导出功能的文件中拆分代码时出现问题Webpack 4

时间:2020-09-15 13:03:52

标签: javascript webpack webpack-4

我有一个问题,即在将代码拆分为具有大量导出函数的文件中时,尽管某些函数仅在其他块中使用,但文件仍会转到主块。我进行了一个实验,如果只有几个功能不是来自主块,那么它们全都进入了它们的块,如果至少有一个函数落入主块,那么整个文件将进入主块。也许有一个可以禁用的规则?或导出的功能存在一些限制,如果克服了这些限制,则整个文件会自动转到main。这个项目有很多通过React制作的动态块。懒。他们必须离开导出的函数。

这是我的配置:

splitChunks: {
            chunks: "async",
            automaticNameDelimiter: "-",
            cacheGroups: {
                vendors: {
                    test: /node_modules\/(?!(highcharts|oidc-client|ace-builds|react-ace|codemirror|react-codemirror2)).+\.(ts|tsx|js|jsx)$/,
                    name: type === 'touch'? 'touchVendors' : "vendors",
                    chunks: "all",
                    enforce: true
                }
            },
            name: true
        },

我只想出一种解决方案,将所有功能分成一个文件,因此一个文件中只有一个功能。也许为此有一些插件?还是没有插件就可以解决我的问题?但只需取消或添加一些拆分规则即可。

谢谢!

0 个答案:

没有答案