如何把bootstrap用webpack打包

今天下載了一個anguarl2寫後臺,一直沒有找到是如何使用bootstrap樣式的,而後就全文作了搜索,發現有一段代碼css

import 'bootstrap-loader';node

這段代碼很可疑,因此就查了一下,發現確實是bootstrap-loader將bootstrap引入的。git

# 第1步安裝bootstrap-loader

npm install bootstrap-loader --save

# 第2步 若是你使用的是Bootstrap3

npm install bootstrap-sass --save

#若是你使用的是Bootstrap4
npm install bootstrap@v4.0.0-alpha.2 --save

# 我發現npm下載不了bootstrap4,因此我是從網上下載下來的,而後放到
# node_modules下的,下載地址http://v4.bootcss.com/getting-started/download/


# 第四步 安裝其餘樣式處理loader

npm install css-loader node-sass resolve-url-loader sass-loader style-loader url-loader --save

# 若是你使用的是Bootstrap 4,可能會須要

npm install postcss-loader --save

# 個人提示沒有 flie-loader,因此我安裝了  flie-loader

npm install  flie-loader --save

 

 

如下是相關資料github

https://www.npmjs.com/package/bootstrap-loadernpm

https://github.com/shakacode/bootstrap-loaderjson

https://github.com/shakacode/bootstrap-loader/blob/master/examples/basic/package.jsonbootstrap

相關文章
相關標籤/搜索