本文目录一览：
- 1、Bootstrap里的文件分别表示什么？都有什么用处？
- 2、如何使用webpack将引入的bootstrap单独output到css文件夹下
- 3、bootstrap使用，如何找到引用的js和css是那个??
Bootstrap里的文件分别表示什么？都有什么用处？
Bootstrap里的文件有以下几种：
bootstrap.js
bootstrap.css
bootstrap.min.js
bootstrap.min.css
bootstrap-responsive.min.css
bootstrap-responsive.css
它们分别的作用为：
bootstrap.js：是bootstrap的所有js指令的总和。
bootstrap里面所有的js效果，都是由bootstrap.js控制的。
bootstrap.js供开发的时候进行调试用。
bootstrap.css：是未压缩的，完整的bootstrap样式表，供开发的时候进行调试使用。
bootstrap.min.js：是压缩的bootstrap样式表，在部署网站的时引用。
bootstrap-responsive.min.css：是bootstrap-responsive.css的压缩版，在部署网站的时引用。
bootstrap-responsive.css：是对bootstrap框架应用了响应式布局之后所需要的CSS样式表，
如何使用webpack将引入的bootstrap单独output到css文件夹下
先安装css-loader和style-loader
然后
//抽离css
{ test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css') }
如果你还要sass之类的要单独打包
{ test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css!sass') }
单独打包的路径是
plugins: [
new ExtractTextPlugin('css/[name].css')
]
bootstrap使用，如何找到引用的js和css是那个??
就在bootstrap下载下来的文件夹里。
css文件夹下就是css文件
js文件夹下就是js文件
只要选择“min”就可以了~
请仔细检查一下 肯定能找到哦~
