create - react - app 은 run eject 후 antd 와 sas 에 대한 설정
2009 단어 react.전단 기술 - 자동화 구축
$ yarn add babel-plugin-import --save-dev웹 팩. config. dev. js 에서 다음 과 같이 수정 합 니 다.
{
test: /\.(js|jsx)$/,
include: paths.appSrc,
loader: 'babel',
query: {
+ plugins: [
+ ['import', [{ libraryName: "antd", style: 'css' }]],
+ ],
// This is a feature of `babel-loader` for webpack (not Babel itself).
// It enables caching results in ./node_modules/.cache/babel-loader/
// directory for faster rebuilds.
cacheDirectory: true
}
},그리고 앞 에 src / App. css 에 추 가 된 @ import '~ antd / dist / antd. css' 를 제거 합 니 다.스타일 코드, 현재 babel - plugin - import 는 필요 에 따라 스타일 을 불 러 옵 니 다.
sass 와 less 의 설정 을 내 보 낸 후 홈 페이지 에서 내 보 내지 않 는 방법 으로 조작 합 니 다. 마지막 으로 package. json 의 script 을 수정 하면 됩 니 다. react: create - react - app 은 run eject 가 아 닌 조건 에서 less 나 sass 를 사용 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
nginx 에서 사이트 아이콘 표시 설정전단 개발 환경: react：^16.4.1 webpack：^4.16.0 웹 팩 에 favicon. ico 설정 추가: nginx 는 ico 에 대한 지원 을 추가 합 니 다:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
