2 回答

TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊
webpack.config.js:
externals: {
jquery: 'jQuery.noConflict()' //或者jquery:'jQuery'
}
使用:
var $ = require('jquery');
其它全局組件也一樣的,但是看情況最好做一些處理,比如jquery本身套了一層factory來兼容amd等模塊格式,你先把這些東西刪掉,然后用webpack編譯一遍,會(huì)自動(dòng)打包一個(gè)webpack包裝過的jquery,這個(gè)jquery也是可以直接<script>引用的,也可以require。
還有些看情況是否要改成commonJS的格式導(dǎo)出對(duì)象,就是module.exports=xx這樣。
總之有一條,改動(dòng)后先用webpack轉(zhuǎn)換一遍庫本身再用。
還有一些插件我覺得比較麻煩,理解了webpack的工作方式了稍微改下庫的源碼其實(shí)很簡(jiǎn)單。

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超10個(gè)贊
改為使用 externals 試下
externals: [{
'webpack-zepto: '$'
}],
- 2 回答
- 0 關(guān)注
- 918 瀏覽
添加回答
舉報(bào)