VUE中引入jQuery和bootstrap

引入

$ npm install jquery bootstrap --save

jQuery

1、加入webpack对象：

var webpack=require('webpack');
 

 2、在module.exports里面加入

[javascript]  view plain  copy

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

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

[javascript]  view plain  copy

1. import $ from 'jquery'  

全局引入jq

bootstrap

1、修改webpack.base.conf.js文件：

[javascript]  view plain  copy

1. alias: {  
2.       'vue$': 'vue/dist/vue.esm.js',  
3.       'jquery': "jquery/src/jquery"    
4.     },  

2、在入口文件main.js中加入：

[javascript]  view plain  copy

1. import '../node_modules/bootstrap/dist/css/bootstrap.min.css'  
2. import '../node_modules/bootstrap/dist/js/bootstrap.min'