如何把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

相关文章
相关标签/搜索