在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 用style-loader,樣式引進(jìn)順序問(wèn)題

用style-loader,樣式引進(jìn)順序問(wèn)題

項(xiàng)目里開發(fā)環(huán)境對(duì)css,less的解析配置如下

      {
        test: /\.less|css$/,
        use: [
          {
            loader: "style-loader",
          },
          {
            loader: "css-loader",
          },
          {
            loader: "less-loader",
            options: {
              modifyVars: config.modifyVars,
            },
          },
        ],
      },
      
// .babelrc
    [
      "import",
      {
        "libraryName": "antd",
        "style": true
      }
    ],

在antd2.0版本中,antd的樣式會(huì)在我自己定義的樣式之前引入,所以我可以輕松的覆蓋antd的原樣式;但是在antd3.0的版本中,我自己定義的樣式會(huì)在antd的樣式之前映入,導(dǎo)致我不能通過(guò)常規(guī)手段來(lái)覆蓋原樣式。
請(qǐng)問(wèn)是具體是什么原因造成的?

回答
編輯回答
幼梔

樣式的順序變化并不是 loader 的順序決定的,主要還是模塊的引入順序。但由于還有各種插件所以其實(shí)樣式的順序是不穩(wěn)定的,如果需要覆蓋樣式,推薦重復(fù)類選擇器來(lái)提高選擇器權(quán)重,如:

.ant-btn.ant-btn {}
2018年7月28日 23:07