首先新建一个webpack项目
新建项目:
vue init webpack mybootstrap
安装组件:
cnpm install
安装jQuery
因为bootstrap是依赖于jQuery的,所以要先装上jQuery。
cnpm install jquery@2.1.1 -D
可通过npm view jquery version
查看jquery版本信息。
下载bootstrap
下载bootstrap包:https://v3.bootcss.com/
然后将下载下来的bootstrap包放到/src/assets文件夹下。
配置jQuery
在webpack.base.conf.js中添加const webpack = require('webpack')
接着在整个配置对象的末尾加上:
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
引用bootstrap
在src/main.js文件的顶部加入对bootstrap的引用
import './assets/css/bootstrap.min.css'
import './assets/js/bootstrap.min
到此为止bootstrap就引入完成了。