项目同时引入 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吗？还是有什么解决方案呢？