angularjs - 부트스트랩이란 - Bower와 함께 부트 스트랩 CSS 만 설치할 수 있습니까?



twitter-bootstrap angular-ui-bootstrap (4)

Yeoman을 통해 새로운 Angular 프로젝트를 시작하면 트위터 부트 스트랩 (Sass flavor)을 사용할지 묻습니다. 이렇게하면 스타일과 스크립트가 모두 포함됩니다. 그러나 Bootstrap의 스크립트 (jQuery에 의존) 대신 UI Bootstrap 을 사용하고 싶습니다.

그래서 Bower와 Bootstrap의 스타일 (Sass에서 선호)을 설치할 수 있습니까? 아니면 부트 스트랩 스타일을 수동으로 다운로드해서 포함시켜야합니까?


Bower의 CSS 전용 부트 스트랩 패키지를 알고 있습니다 : bootstrap-css-only ; 그러나 미리 컴파일 된 CSS는 제공되지만 SASS는 제공되지 않습니다.


다음을 실행할 수 있습니다.

bower install bootstrap-css-only

이 answer 바탕으로 부트 스트랩 JS 파일을 삭제하려면 .bowerrc 에 다음을 추가 할 수 있습니다.

{ "directory": "bower_components", "scripts": { "postinstall": "rm -rf bower_components/bootstrap-sass-official/assets/javascripts" } }


그냥 grunt bowerInstall 작업에 exclude 옵션을 추가하면 bowerInstall 작업이 제외 된 파일을 html 파일에 삽입하지 않습니다.

bowerInstall: {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    exclude: ['bower_components/bootstrap/dist/js/bootstrap.js'],
    ignorePath: '<%= yeoman.app %>/'
  }
},




angular-ui-bootstrap