1
부트 스트랩 (3.3.7) CSS에서 몇 가지 사항을 무시해야하므로 다른 모든 스타일보다 먼저 부트 스트랩을로드해야합니다. 내가 할 수있는 방법은 문서 맨 위에있는 내 응용 프로그램의 주 styles.sass에 가져 오는 것입니다. 내가 통해이 작업을 수행 할 때 :부트 스트랩 3 CSS를 CSS로 SASS를 사용하여 각도 2로 가져 오기
@import ./bootstrap.css
내가 얻을 : 나는이 프로젝트에 글꼴을 가져 오지 않았기 때문에 작동하지 않았다
ERROR in ./~/css-loader!./src/bootstrap.css
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.eot' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./src/bootstrap.css 6:4445-4497 6:4520-4572
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./src/bootstrap.css
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.woff2' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./src/bootstrap.css 6:4622-4676
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./src/bootstrap.css
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.woff' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./src/bootstrap.css 6:4707-4760
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./src/bootstrap.css
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.ttf' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./src/bootstrap.css 6:4790-4842
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./src/bootstrap.css
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.svg' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./src/bootstrap.css 6:4876-4928
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
@ ./src/styles.sass
@ multi ./src/styles.sass
.
이렇게하면 부트 스트랩을 설치하는 더 적절한 방법이 있어야한다고 생각하게되었습니다.
그래서 그때 bootstrap-sass을 발견하고, npm install bootstrap-sass --save를 사용하여 수입, 다음과 styles.sass으로 수입 :
@import ../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss
내가 얻을 :
이ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
Module not found: Error: Can't resolve '../fonts/bootstrap/glyphicons-halflings-regular.eot' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass 6:4253-4315 6:4338-4400
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
Module not found: Error: Can't resolve '../fonts/bootstrap/glyphicons-halflings-regular.woff2' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass 6:4452-4516
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
Module not found: Error: Can't resolve '../fonts/bootstrap/glyphicons-halflings-regular.woff' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass 6:4549-4612
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
Module not found: Error: Can't resolve '../fonts/bootstrap/glyphicons-halflings-regular.ttf' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass 6:4644-4706
@ ./src/styles.sass
@ multi ./src/styles.sass
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass
Module not found: Error: Can't resolve '../fonts/bootstrap/glyphicons-halflings-regular.svg' in '/Users/bradley/Work/dashboard/src'
@ ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/styles.sass 6:4742-4804
@ ./src/styles.sass
@ multi ./src/styles.sass
이 단지 청소해야하지 이 일을하는 방법? 난 그냥이 스레드에 보일 것 있도록 웹팩을 사용하고 있으리라 믿고있어