구성 덜 반응

최근 만들-반응 - 응용 프로그램 비계 프로젝트가 덜를 지원하지 않는 반응하지만, 덜 사용하는 테마를 수정 antd.

현재 버전 : 반응 : ^ 16.9.0

구성 단계 :

도 1에서, 구성 파일이 노출

실 꺼내기 
또는 
NPM 실행 꺼내기

2, 덜, 덜 로더 위젯을 설치

실 적은 저개발국 추가 로더를 
或者
NPM 적은 설치 덜 -loader --save

3 config 폴더를 열고 webpack.config.js 수정

검색 스타일 파일의 정규 표현식에이 찾은 후 두 줄의 코드를 추가

// 스타일 파일의 정규 표현식에의 
const를 cssRegex = /\.css$/ ; 
CONST cssModuleRegex = /\.module\.css$/ ; 
CONST sassRegex = /\.(scss|sass)$/ ; 
CONST sassModuleRegex = /\.module\.(scss|sass)$/ ;
CONST lessRegex = /\.less$/; 
CONST lessModuleRegex = /\.module\.less$/;

기능을 수정 GetStyleLoaders은, 코드를 추가

  // 스타일 로더 얻을 수있는 공통 기능 
  const를 getStyleLoaders = (cssOptions, lessOptions, 전처리) => { 
    CONST 로더 = [ 
      isEnvDevelopment && require.resolve ( '스타일 로더' ), 
      isEnvProduction && { 
        MiniCssExtractPlugin.loader : 로더 
        옵션 : shouldUseRelativeAssetPaths를 ? {publicPath '../../' } {} 
      }, 
      { 
        로더 : require.resolve ( "CSS 로더 ' ) 
        선택해 cssOptions, 
      }, { 
        로더 : require.resolve (
      '덜 로더' ), 
        옵션 : lessOptions은, 
      }, 
      { 
        // PostCSS에 대한 옵션 우리가 이러한 옵션을 참조로 두 번 
        // 공급 업체에서 지정한 브라우저 지원에 따라 접두어를 추가 
        // package.json의 
        require.resolve ( 'postcss : 로더 -짐을 싣는 사람'),

, cssRegex 검색 CSS를 구성 덜 구성을 추가

{ 
              시험 : cssRegex는 
              제외 : cssModuleRegex, 
              사용 : getStyleLoaders을 ({ 
                importLoaders : 1 , 
                sourceMap가 : isEnvProduction && shouldUseSourceMap가, 
              }), 
              // 짝수 경우 죽은 코드 CSS 수입을 고려하지 마십시오 
              // 포함 된 패키지는 부작용이없는 주장 . 
              // 웹팩 경고 또는 이에 대한 오류를 추가 할 때이를 제거합니다. 
              // https://github.com/webpack/webpack/issues/6571 참조 
              : sideEffects를 사실 , 
            } 
            //CSS 모듈에 대한 지원을 추가 (https://github.com/css-modules/css-modules) 
            // 확장 .module.css 사용하여 
            { 
              시험 : cssModuleRegex, 
              사용 : getStyleLoaders ({ 
                importLoaders : 1 , 
                sourceMap : isEnvProduction && shouldUseSourceMap , 
                모듈 : 사실 , 
                getLocalIdent : getCSSModuleLocalIdent, 
              }) 
            }, { 
              시험 : lessRegex는 
              제외 : lessModuleRegex, 
              사용 : getStyleLoaders ( 
                  importLoaders를 :
             
                {1, 
                  sourceMap : isEnvProduction 
                    ? shouldUseSourceMap 
                    : isEnvDevelopment, 
                }, 
                '덜 로더' 
              ), 
              sideEffects : 사실 
            }, 
            { 
              시험 : lessModuleRegex, 
              사용 : getStyleLoaders ( 
                { 
                  importLoaders : 1, 
                  sourceMap : isEnvProduction 
                    shouldUseSourceMap? 
                    : isEnvDevelopment,  
                  모듈 : 참
                  getLocalIdent : getCSSModuleLocalIdent, 
                }, 
                '덜 로더' 
              ) 
            },

4, 프로젝트를 다시 시작 적은 문서의 사용을 지원합니다

원사의 시작 
또는 
NPM 실행 시작

추천