Vue-cli结合webpack中使用Bootstrap注意事项

查看需要安装的库有哪些版本？（以jQuery为例）

npm view jquery versions

结果如下：

安装 想要的 jQuery版本（boostrap中js是依赖于jQuery的）

npm i jquery@1.12.4 --save-dev

安装bootstrap （这里安装3.3.7版本）

npm i bootstrap@3.3.7 --save-dev

配置jQuery（注意开发环境还是生产环境）

在build/webpack.dev.conf.js文件中plugins配置项新增一个配置，配置内容如下（开发环境）

[code]    new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})

 打包环境：

在build/webpack.base.conf.js文件中 

 增加一个plugins配置项 ：

最后引入bootstrap 的 css ，js 文件即可使用