项目同时引入 ant design 和 ant design mobile，样式显示异常

Question

按照官方的配置方法进行了配置

主要冲突点在 less 部分，想用两个路由来分别展示移动端（ant design mobile）和PC端（ant design），不同的路由按需加载。

但是问题来了，他们水火不能相容，看起来这个

      {
        test: /\.less$/,
        use: [
          require.resolve('style-loader'),
          require.resolve('css-loader'),
          {
            loader: require.resolve('postcss-loader'),
            options: {
              ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
              plugins: () => [
                autoprefixer({
                  browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8', 'iOS >= 8', 'Android >= 4'],
                }),
                pxtorem({ rootValue: 100, propWhiteList: [] })
              ],
            },
          },
          {
            loader: require.resolve('less-loader'),
            options: {
              modifyVars: { "@primary-color": "#1DA57A" },
            },
          },
        ],
      },
      

  被这个配置影响了

Answer 1

一个使用配置文件，另一个直接手动引入就好了。
比如，我先配置的 ant ，然后当我使用 mobile ant 的组件时候，直接手动引入：

import TabBar from "antd-mobile/lib/tab-bar";
import 'antd-mobile/lib/tab-bar/style';

Answer 2

所以项目不能同时引入 ant design 和 ant design mobile吗？还是有什么解决方案呢？

Answer 3

请问你的这个问题解决了吗？我现在也遇到同样问题。