アリ・デザイン・プロCSSリファレンス

アリ・デザイン・プロは、CSSファイルが無効である理由に、以下のデフォルトのファイルを参照することができます。だから、config.jsの構成ファイルを見つけることが必要です

 cssLoaderOptions、この方法は、で参照getLocalIdent CSSファイルに追加することができる：（「CSS」）context.resourcePath.includes

コードは以下の通りであります：

cssLoaderOptions：{ 
    モジュール：真、
    getLocalIdent：（文脈、localIdentName、ローカル名） => {
       場合（
        context.resourcePath.includes（ 'node_modules'）|| 
        context.resourcePath.includes（」CSS'）|| 
        context.resourcePath。含む（ 'ant.design.pro.less'）|| 
        context.resourcePath.includes（ 'global.less' ）
      ）{ 
        戻りローカル名と、
      } 
      CONSTマッチ = context.resourcePath.match（/ SRC（*）/。 ）。
      もし（一致&&一致[1 ]）{ 
        CONST antdProPath（」。以下、 '' = [1] .replaceと一致）。
        CONST ARR = スラッシュ（antdProPath）
          .split（ '/' ）
          .MAP（A => a.replace（/（[AZ]）/ G ' - $ 1' ））
          .MAP（A => a.toLowerCase（） ）;
        戻り $ {ローカル名} `.replace（ - / - / gで、 ' - '` antdプロ$ {arr.join（ ' - '）を} ）。
      } 
      戻りローカル名。
    }、
  }、