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配置项新增一个配置，配置内容如下（开发环境）

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

 打包环境：

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

 增加一个plugins配置项 ：

---

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