Vue项目中引入bootstrap的方法

网上很多方法我都试了，不仅麻烦，还行不通，亲测下面方法可行。

1.安装依赖

cnpm install bootstrap3 --save-dev
cnpm install jquery --save-dev
cnpm install popper.js --save-dev

2、引入相关依赖

在项目的main.js中添加：

import $ from 'jquery';
import 'bootstrap3/dist/css/bootstrap.min.css';
import 'bootstrap3/dist/js/bootstrap.min';

3.配置

在配置文件中增加如下配置，关键一步。

module.exports = {
  ...
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'jquery': 'jquery' 
    }
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery"
    })
  ],
  ...
}

接下来就可以直接在组件中使用jquery和bootstrap了。