create-react-app (배출하지 않음) + bourbon/neat?</p> <p><code>var sassOptions = { includePaths: require('node-neat').includePaths, };</code></p> <p>내가 <code>create-react-app</code>을 사용하고 싶습니다 : 내가 "오래된"부르봉 왕가를 사용하여 프로토 타입 반응 재 작성하고 있습니다

Question

, 또한 노드 - 깔끔한 의존성을 주입하는 gulpfile에 꿀꺽 - 말대꾸를 사용 (또한 create-react-app가 당신을 제한하기 때문에) spm 파일을 컴파일하기 위해 npm 스크립트를 사용하여 스타일에 대한 "간단한"워크 플로우를 갖지만 그렇게하는 방법을 알 수는 없습니다.

"build-css": "node-sass src/styles/ -o src/", "watch-css": "npm run build-css && node-sass src/styles/ -o src/ --watch --recursive"

아마 다른 접근 방식을 사용하여 미래의 스타일을 다시 것 (어쩌면 스타일 구성 요소를 사용, 어쩌면 말대꾸를 계속 사용하고 완전히 부르봉 왕가를 닫습니다)하지만 난 그냥 옛날부터 포트에 말대꾸 스타일이 필요합니다 당분간 프로젝트.

Bourbon/Neat과 create-react-app를 통합하는 방법에 대한 아이디어가 있습니까?

neat.includePaths 비트를 package.json의 node-sass one-liner 스크립트로 가져 오는 방법이 있습니까?

Answer 1

내가 알고있는 한, includePaths을 평가할 수는 없으며, Bourbon과 Neat를 가져올 수 있으려면 package.json에 한 줄짜리를 사용해야합니다.

그러나 Bourbon + Neat을 추출 할 수없는 React 앱과 함께 사용할 수 있습니다. Rebuild here에 설명 된대로 package.json 변경 사항을 유지하는 경우 컴퓨터에 보석을 설치하고 적합하다고 판단되는 Sass 디렉토리에 로컬로 설치하십시오. 예로서;

• /src에
  • /스타일
    • /공급 업체
      • /버번
      • /깔끔한
      • /기타 - 말대꾸 라이브러리
    보석이 설치 필요하면
    • /기본
    • /레이아웃
    • /...
  • App.js는
  • ...

, 당신은 명령을 실행 어디서 그들을 설치하고 싶습니다. bourbon install --path <some-path> 및 neat install.

당신은 부르봉 왕가와 깔끔한이 방법을 참조 할 때, 아무 문제 없습니다 단순히 @import vendors/bourbon/bourbon 등

물론

, 스타일을 관리하는이 방법 반응의 공동 위치한 모듈 사고와 파에없는/웹팩 , 때로는 완전히 통제 된 Sass 스타일 트리가 필요합니다.