1
我需要在Bootstrap（3.3.7）CSS中重寫一些內容，所以我需要在所有其他樣式之前加載Bootstrap才能做到這一點。我明白要做到這一點的方法是將它導入到我的應用程序主文件頂部的styles.sass。但我通過這樣做的時候：將Bootstrap 3 CSS導入Angular 2並將SASS作爲CSS
@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。
所以後來我發現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
不應該有隻是一個乾淨如何做到這一點？