在 Vue 项目中使用 webpack4 动态导入时，我可以禁用样式分块吗？

Question

我在我的 Vue 项目的路由器中使用动态导入和 webpackChunkName。导入的模块使用了一些 Vuetify 组件。构建项目后，我会看到一些分块 CSS 文件，其中包含来自供应商 CSS 文件的重复内容。我怎样才能防止这种重复？

Answer 1

我终于可以自己找到解决方案了。我已将 chunks 从 async 更改为 all，这样可以在所有同步和异步块上共享块。这样就不会使用供应商 CSS 文件中的内容创建新块。查看 here 了解更多详情。

这是我的 vue.config.js.

中的 WebPack 配置

configureWebpack: {
    optimization: {
        splitChunks: {
            cacheGroups: {
                vendors: {
                    chunks: 'all',
                },
            }
        }
    },
}

在 Vue 项目中使用 webpack4 动态导入时，我可以禁用样式分块吗？

Can I disable style chunking while using dynamic import with webpack4 in Vue project?

vue.js

webpack

import

webpack-4