Bootstrap-sass gem : 필요한 CSS 구성 요소를 선택적으로 가져 오는 방법은 무엇입니까?

Daryll Santos

이 gem사용하여 Rails 앱에 Bootstrap을 통합하고 있습니다. 저는 우리가 필요로하지 않는 CSS 컴포넌트를 잘라내려고했습니다. 그 예로 Glyphicons가 있습니다. README에서이 코드를 이해하는 데 약간의 문제가 있습니다.

구성 요소를 명시 적으로 가져올 수도 있습니다. 전체 모듈 목록으로 시작하려면 gem에서이 파일을 복사합니다.

# copy and prepend "bootstrap/" to the @import paths:
sed 's/@import "/@import "bootstrap\//' \
 $(bundle show bootstrap-sass)/vendor/assets/stylesheets/bootstrap/bootstrap.scss > \
 app/assets/stylesheets/bootstrap-custom.scss

여기서 정확히 무엇을해야합니까?

우 카츠

참조하는 줄은 명령 줄에서 실행해야하는 명령입니다 (유닉스 기반이어야하므로 mac, linux 또는 unix 사용). 파일 ( bootstrap.scss)에 액세스하고 파일 에서 특정 행을 추출합니다. 그런 다음 화면에 결과를 표시하는 대신 bootstrap-custom.scss명령이 실행 된 후 부트 스트랩에서 사용하는 모든 모듈 목록을 포함하는 파일 ( )에 기록 합니다. 이제 사용하지 않을 항목을 삭제할 수 있습니다.

더 많은 정보:

sed 's/@import "/@import "bootstrap\//' -이 줄은 올바른 줄만 찾기 위해 텍스트를 구문 분석하고 변환하는 유닉스 유틸리티 인 sed를 사용합니다.

$(bundle show bootstrap-sass) -$ ()는 내부 명령의 결과를 외부에있는 긴 명령의이 위치에 붙여 넣어야 함을 나타냅니다.

\-첫 번째와 두 번째 줄 끝에 나타납니다. Enter 키를 눌러도 여전히 내 명령을 입력하고 있으므로 아직 실행하지 마십시오.

`> '-화면의 출력을 파일로 리디렉션합니다.

도움이 되었기를 바랍니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

모든 Vue3 구성 요소를 비동기 적으로 가져 오는 방법은 무엇입니까?

분류에서Dev

Vuetify 구성 요소를 개별적으로 가져 오는 올바른 방법은 무엇입니까?

분류에서Dev

Vuetify 구성 요소를 개별적으로 가져 오는 올바른 방법은 무엇입니까?

분류에서Dev

React에서 Bootstrap 구성 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

반응으로 구성 요소를 동적으로 가져 오는 방법은 무엇입니까? / 동적 가져 오기

분류에서Dev

history.push를 사용할 때 한 구성 요소에서 다른 구성 요소로 상태 변수를 가져 오는 방법은 무엇입니까?

분류에서Dev

bower 구성 요소를 npm, webpack 프로젝트로 가져 오는 방법은 무엇입니까?

분류에서Dev

구성 요소를 두 페이지로 가져 오는 방법은 무엇입니까?

분류에서Dev

CSS로 xlink : href 속성으로 XML 요소를 선택하는 방법은 무엇입니까?

분류에서Dev

React Bootstrap 선택 구성 요소에 핸들러를 연결하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 더 깊은 요소를 선택하는 방법은 무엇입니까?

분류에서Dev

Thymeleaf 속성으로 요소를 선택하는 방법은 무엇입니까?

분류에서Dev

mui 테마 색상을 구성 요소로 가져 오는 방법은 무엇입니까?

분류에서Dev

reactjs-자식 구성 요소에서 소품으로 전달 된 버튼의 onclick으로 데이터를 가져 오는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 클래스와 ID가있는 요소를 동시에 선택하는 방법은 무엇입니까?

분류에서Dev

Angular 2 Dart : 가져온 하위 구성 요소에서 요소를 선택하고 변경하는 방법은 무엇입니까?

분류에서Dev

Android Studio의 GitHub에있는 구성 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

링크 함수 내에서 CSS 클래스로 요소 구성 요소를 선택 / 바꾸는 방법은 무엇입니까?

분류에서Dev

foreach 루프로 $ _FILES 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

재료 UI 구성 요소를 가져 오는 여러 방법의 차이점은 무엇입니까?

분류에서Dev

함수 구성 요소에서 데이터를 가져 오는 방법은 무엇입니까?

분류에서Dev

하나의 일반 폴더에서 여러 구성 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

React 앱에서 구성 요소를 올바르게 가져 오는 방법은 무엇입니까?

분류에서Dev

React : 다른 유형의 자식 구성 요소를 부모 구성 요소에 동적으로 추가하는 방법은 무엇입니까?

분류에서Dev

구성 요소의 루트에 CSS 클래스를 추가하는 방법은 무엇입니까?

분류에서Dev

AngularDart의 다른 구성 요소에 CSS 클래스를 적용하는 방법은 무엇입니까?

분류에서Dev

reactjs의 한 구성 요소 (자식 구성 요소)에서 다른 구성 요소 (부모 구성 요소)로 값을 가져 오는 방법은 무엇입니까?

분류에서Dev

무한 생성기 목록에서 첫 번째 n 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

Angular 종속성에서 제공하는 사용 가능한 구성 요소를 쉽고 효율적으로 볼 수있는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    모든 Vue3 구성 요소를 비동기 적으로 가져 오는 방법은 무엇입니까?

  2. 2

    Vuetify 구성 요소를 개별적으로 가져 오는 올바른 방법은 무엇입니까?

  3. 3

    Vuetify 구성 요소를 개별적으로 가져 오는 올바른 방법은 무엇입니까?

  4. 4

    React에서 Bootstrap 구성 요소를 가져 오는 방법은 무엇입니까?

  5. 5

    반응으로 구성 요소를 동적으로 가져 오는 방법은 무엇입니까? / 동적 가져 오기

  6. 6

    history.push를 사용할 때 한 구성 요소에서 다른 구성 요소로 상태 변수를 가져 오는 방법은 무엇입니까?

  7. 7

    bower 구성 요소를 npm, webpack 프로젝트로 가져 오는 방법은 무엇입니까?

  8. 8

    구성 요소를 두 페이지로 가져 오는 방법은 무엇입니까?

  9. 9

    CSS로 xlink : href 속성으로 XML 요소를 선택하는 방법은 무엇입니까?

  10. 10

    React Bootstrap 선택 구성 요소에 핸들러를 연결하는 방법은 무엇입니까?

  11. 11

    동적으로 생성 된 더 깊은 요소를 선택하는 방법은 무엇입니까?

  12. 12

    Thymeleaf 속성으로 요소를 선택하는 방법은 무엇입니까?

  13. 13

    mui 테마 색상을 구성 요소로 가져 오는 방법은 무엇입니까?

  14. 14

    reactjs-자식 구성 요소에서 소품으로 전달 된 버튼의 onclick으로 데이터를 가져 오는 방법은 무엇입니까?

  15. 15

    동적으로 생성 된 클래스와 ID가있는 요소를 동시에 선택하는 방법은 무엇입니까?

  16. 16

    Angular 2 Dart : 가져온 하위 구성 요소에서 요소를 선택하고 변경하는 방법은 무엇입니까?

  17. 17

    Android Studio의 GitHub에있는 구성 요소를 가져 오는 방법은 무엇입니까?

  18. 18

    링크 함수 내에서 CSS 클래스로 요소 구성 요소를 선택 / 바꾸는 방법은 무엇입니까?

  19. 19

    foreach 루프로 $ _FILES 요소를 가져 오는 방법은 무엇입니까?

  20. 20

    재료 UI 구성 요소를 가져 오는 여러 방법의 차이점은 무엇입니까?

  21. 21

    함수 구성 요소에서 데이터를 가져 오는 방법은 무엇입니까?

  22. 22

    하나의 일반 폴더에서 여러 구성 요소를 가져 오는 방법은 무엇입니까?

  23. 23

    React 앱에서 구성 요소를 올바르게 가져 오는 방법은 무엇입니까?

  24. 24

    React : 다른 유형의 자식 구성 요소를 부모 구성 요소에 동적으로 추가하는 방법은 무엇입니까?

  25. 25

    구성 요소의 루트에 CSS 클래스를 추가하는 방법은 무엇입니까?

  26. 26

    AngularDart의 다른 구성 요소에 CSS 클래스를 적용하는 방법은 무엇입니까?

  27. 27

    reactjs의 한 구성 요소 (자식 구성 요소)에서 다른 구성 요소 (부모 구성 요소)로 값을 가져 오는 방법은 무엇입니까?

  28. 28

    무한 생성기 목록에서 첫 번째 n 요소를 가져 오는 방법은 무엇입니까?

  29. 29

    Angular 종속성에서 제공하는 사용 가능한 구성 요소를 쉽고 효율적으로 볼 수있는 방법은 무엇입니까?

뜨겁다태그

보관