vue项目引入bootstrap、jq

引入jquery

     npm install jquery 

找到build文件夹下的webpack.base.conf.js文件打开，修改配置：

   

1、加入webpack对象：

var webpack=require('webpack');
 

 2、在module.exports里面加入：

[html]  view plain  copy

1. plugins: [  
2.   new webpack.ProvidePlugin({  
3.     $:"jquery",  
4.     jQuery:"jquery" 
5.   })  
6. ]  

3、在入口文件main.js中加入

[html]  view plain  copy

1. import $ from 'jquery' 

引入bootstrap

    npm install bootstrap

需要在main.js中添加如下内容：

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

然后重新启动 npm run dev 就OK了