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的第三方插件就有問題了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM