项目同时引入 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" },            },          },        ],      },      被这个配置影响了关注 | 5收藏

Answer 1

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