Webpack+Vue如何匯入Jquery和Jquery的第三方外掛

建立一個jquery-vendor.js檔案

import $ from 'jQuery';
console.log($);
window.$ = $;
window.jQuery = $;
export default $;

匯入JQuery，並賦值給window物件，使其成為一個全域性變數。

在vue元件做如下引用

import $ from './assets/jquery-v';
import 'bootstrap-material-design'; 
//呼叫初始化
$(function(){
  $.material.init();
});

注意：

1. 只可以在vue的元件中引用

2.如果在main.js中引入jquery.js是Ok的，但這種情況下無論是在mian.js或者是vue元件中引入jquery的第三方外掛就有問題了。