+1

+1

研究了下，参考官网提示，摸索了有个效的解决方案，希望也对遇到相同问题的大家有帮助。

配置里增加splitChunks
我这里被覆盖主要是antd的样式，所以把antd作为vendor分离出去，并且设置高priority，这样在页面加载时会优先加载antdVendor的样式，而common则是自定义样式。reuseExistingChunk表示是否使用已有的chunk，如果为true 表示复用已分离的chunk。

  chainWebpack(config) {
    config.optimization.splitChunks({
      cacheGroups: {
        common: {
          name: 'common',
          test: /\.(css|less)$/,
          chunks: 'async',
          minChunks: 1,
          minSize: 0,
          priority: 10,
          reuseExistingChunk: true,
        },
        antdVendor: {
          test: /[\\/]node_modules[\\/](antd)[\\/]/,
          name: "antdVendor",
          priority: 20,
        },
      },
    });
  },

使用楼上的无效果,还是会覆盖,但是改了别名后,发现页面样式会直接侵入 style 注册,看了下qiankun的import-entry-html的配置,其实希望能自动控制动态link style顺序

这样没有被覆盖了

+1

我排查下

后来解决了吗？我遇到了同样的问题，这是我的路由配置：

routes: [
    {
      path: '/',
      component: '../layouts/index',
      routes: [
        { path: '/', component: '../pages/index' },
        { path: '/article', component: '../pages/Article'},
        { path: '/girl', component: '../pages/Girl'},
        { path: '/cp', component: '../pages/Cp'},
      ]
    }
  ],

article组件和girl有同名的css，但是这两个组件都import了自己当前文件夹下的less文件，最后渲染后两个less文件都被引入进来了，比较困惑。

.filters .btn {
  border-color: transparent;
  font-size: .8rem;
  padding: 8px 15px;
  margin: 3px;
  background: rgba(52, 58, 64, 0.05) !important;
  color: #343a40 !important;
}

这个问题目前有解决方案吗？我是按需加载的时候，antd 样式会被重复打包一遍，并且和组件的样式在同一个 css 文件，刚好这部分被重复打包的样式就在组件样式的后面，所以就被覆盖了

研究了下，参考官网提示，摸索了有个效的解决方案，希望也对遇到相同问题的大家有帮助。

配置里增加splitChunks 我这里被覆盖主要是antd的样式，所以把antd作为vendor分离出去，并且设置高priority，这样在页面加载时会优先加载antdVendor的样式，而common则是自定义样式。reuseExistingChunk表示是否使用已有的chunk，如果为true 表示复用已分离的chunk。

  chainWebpack(config) {
    config.optimization.splitChunks({
      cacheGroups: {
        common: {
          name: 'common',
          test: /\.(css|less)$/,
          chunks: 'async',
          minChunks: 1,
          minSize: 0,
          priority: 10,
          reuseExistingChunk: true,
        },
        antdVendor: {
          test: /[\\/]node_modules[\\/](antd)[\\/]/,
          name: "antdVendor",
          priority: 20,
        },
      },
    });
  },

还需要添加配置

chunks: ['antdVendor', 'common', 'umi']