React 통합 less&AntD/필요 에 따라 구성 요소+맞 춤 형 테마 불 러 오기
yarn add less less-loader antd
2.react-app-rewired,customeized-cra,babel-plugin-import 설치
yarn add react-app-rewired customize-cra babel-plugin-import
# [email protected]
yarn add react-app-rewired customize-cra@next babel-plugin-import
3.package.json 설정
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
4.프로젝트 루트 디 렉 터 리 에 config-over rides.js 를 만들어 기본 설정 을 수정 합 니 다.
const { override, fixBabelImports, addLessLoader } = require('customize-cra');
module.exports = override(
fixBabelImports('antd', {
libraryDirectory: 'es',
style: true,
}),
addLessLoader({
lessOptions: { // less-loader@5, lessOptions 。
javascriptEnabled: true,
modifyVars: { '@primary-color': '#1DA57A' },
},
}),
);
5. Test.js
import React, { Component } from 'react';
import { Button } from 'antd';
class Test extends Component {
render() {
return (
);
}
}
export default Test;
녹색 단 추 를 보면 설정 이 성공 했다 는 뜻 입 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[React.js] React Queryfetching : 데이터 요청 상태 네트워크에서 데이터를 fetch 하고 A 라는 query key 로 캐싱함 만일 cacheTime 이 지나기 전에 A 쿼리 인스턴스가 새롭게 mount 되면, fetch 가 실행...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.