vue中使用Bootstrap，图文详解

在控制台项目文件及下执行：

npm install jquery --save
npm install bootstrap --save
npm install popper.js --save

配置webpack.base.conf.js：

//在顶部添加
const webpack = require('webpack')

//在module.exports = {}末尾添加下面代码
 
module.exports = {
...
plugins: [
  new webpack.ProvidePlugin({
   $: "jquery",
   jQuery: "jquery"
  })
 ]
}

main.js中添加：

import $ from 'jquery'
import 'bootstrap'

在要使用的文件中导入，导入完之后就可以使用了：

  import 'bootstrap/dist/css/bootstrap.min.css'
  import 'bootstrap/dist/js/bootstrap.min.js'