亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webpack怎么將非模塊化的js插件放到全局

webpack怎么將非模塊化的js插件放到全局

慕容3067478 2019-05-10 07:06:54
webpack怎么將非模塊化的js插件放到全局
查看完整描述

2 回答

?
慕蓋茨4494581

TA貢獻1850條經驗 獲得超11個贊

webpack.config.js:
externals: {
jquery: 'jQuery.noConflict()' //或者jquery:'jQuery'
}

使用:
var $ = require('jquery');

其它全局組件也一樣的,但是看情況最好做一些處理,比如jquery本身套了一層factory來兼容amd等模塊格式,你先把這些東西刪掉,然后用webpack編譯一遍,會自動打包一個webpack包裝過的jquery,這個jquery也是可以直接<script>引用的,也可以require。

還有些看情況是否要改成commonJS的格式導出對象,就是module.exports=xx這樣。

總之有一條,改動后先用webpack轉換一遍庫本身再用。

還有一些插件我覺得比較麻煩,理解了webpack的工作方式了稍微改下庫的源碼其實很簡單。



查看完整回答
反對 回復 2019-05-11
?
holdtom

TA貢獻1805條經驗 獲得超10個贊


改為使用 externals 試下

externals: [{
'webpack-zepto: '$'
}],

 


查看完整回答
反對 回復 2019-05-11
  • 2 回答
  • 0 關注
  • 914 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號