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

鍍金池/ 問(wèn)答/HTML/ antd 定制化的問(wèn)題

antd 定制化的問(wèn)題

1.我的antd js,css資源都是通過(guò)在index.html 外鏈形式引入的。這樣為了節(jié)約打包時(shí)間。
2.我想修改antd的默認(rèn)樣式，比如字體大小?？戳斯倬W(wǎng)的說(shuō)明。準(zhǔn)備采用 less文件覆蓋的方式。

3.問(wèn)題：我的less通過(guò)less-loader css-loader?modules編譯。因?yàn)橛昧薽odules。所以打包出來(lái)的都加了hash.連antd.less也加了。導(dǎo)致整個(gè)antd樣式?jīng)]法用。請(qǐng)問(wèn)該怎么解決呢？

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
妖妖

antd提供了theme.你可以任意修改你想要的樣式。請(qǐng)參考

2017年4月18日 09:42
編輯回答
終相守

配置2個(gè) less-loader。
1個(gè)處理 antd 的 less，不加 css module。
一個(gè)處理自己的 less，加 css module。
webpack 寫(xiě)法不一，供參考。

     {
        test: /\.less$/,
        include: /node_modules\/antd/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: {modules: false} },
          {
            loader: 'postcss-loader',
            options: {
              ident: 'postcss',
              plugins: [
                // require('autoprefixer')()
              ]
            },
          },
          'less-loader'
        ]
      },
      {
        test: /\.less$/,
        exclude: /node_modules\/antd/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: {modules: true} },
          {
            loader: 'postcss-loader',
            options: {
              ident: 'postcss',
              plugins: [
                // require('autoprefixer')()
              ]
            },
          },
          'less-loader'
        ]
      },
2017年2月9日 09:49