微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在具有大量导出功能的文件中拆分代码时出现问题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
        },

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

谢谢!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。