Bourbon, Bitters, Neat, Bower와 리필 사용

Question

Ruby를 설치할 필요없이 Bourbon과 추가 구성 요소를 사용할 수 있습니까? 우리는 작은 프로젝트를 실험하고 싶지만 데스크톱 엔지니어링 담당자가 승인 한 종속성을 얻는 것은 쉽지 않습니다.

나는 Bitters를 제외한 모든 사람들을위한 Bower 패키지가 있음을 발견했습니다. GitHub에서 scss 파일을 가져 와서 수동으로 연결하면됩니까?

Answer 1

정적 사이트 프로젝트에서 Bourbon/Neat을 사용하고있는 것과 같은 질문이 최근에있었습니다. 나는 'bourbon'명령과 'neat'명령이 라이브러리 파일의 계층 구조를 프로젝트 디렉토리에 복제하는 것을 아무것도하지 않는다는 것을 발견했습니다. 이 시점에서 sass/scss 파일을 사전 처리 할 수있는 모든 워크 플로에서 라이브러리를 사용할 수 있습니다.

제 경우에는 파이썬 WebAssets 라이브러리에서 성공적으로 사용하고 있습니다 (Pelican). 설정에 맞는 다른 저음 전처리기를 찾을 수 있습니다.

Answer 2

dev 머신에 노드를 설치할 수 있다면 Yeoman을 확인하십시오. Grunt와 Bower를 사용하여 Sass를 사용하는 웹 앱을 생성합니다. 그런 다음 Bower를 사용하여 Bourbon 및 Neat을 설치할 수 있습니다. 그것은 당신을 위해 많이 들지 않습니다.

Answer 3

devs가 보어에 쓴 맛을 갖고 싶지 않은 것 같습니다 : https://github.com/thoughtbot/bitters/issues/22.

그렇다면 git에서 zipball을 버전 (예 : https://github.com/thoughtbot/bitters/archive/master.zip)으로 사용하면 bower로 괴롭힐 수 있습니다.

프로젝트에서 해당 파일을 가지고하는 방법에 대한 자세한 제어하려면, gulp-bower-normalize가 도움이 될 수 있습니다 - 예를 들어 bower.json 파일 :

{ 
    "name": "project-x", 
    "dependencies": { 
    "bitters": "https://github.com/thoughtbot/bitters/archive/master.zip", 
    }, 
    "overrides": { 
    "bitters": { 
     "main": [ 
     "app/assets/stylesheets/*.scss" 
     ], 
     "normalize": { 
     "css/base": "**/*.scss" 
     } 
    } 
    } 
} 

을