已解決430363個問題，去搜搜看，總會有你想問的

webpack如何打包組件才能用script標簽直接引用？

首頁猿問 webpack如何打包組件才能用s...

webpack如何打包組件才能用script標簽直接引用？

JavaScript

慕虎7371278 2018-12-13 18:19:14

想嘗試用webpack打包組件，于是用之前寫的放大鏡的函數來做測試，函數結構如圖所示未打包前的js文件用script直接引用是可以的，但是打包后用script直接引用打包后的js文件，一直報錯說magnifier not defined，如圖所示打包后的js文件沒有暴露magnifier這個函數嗎？打包后的js文件怎么樣才能用script直接引用呢？謝謝

查看完整描述

1 回答

慕娘9325324

TA貢獻1783條經驗獲得超4個贊

搜webpack umd,可以兼容處理各種引用模式。但是同時最好將你想用window引用的文件單獨打包。
當然你寫的時候還是要遵循模塊化規范的,例如export default magnifier。
同時使用es6的模塊化，可能會遇到window.magnifier.default才能引用到你要暴露的函數的問題，這個時候可以開啟webpack3.0添加的新配置libraryExport: "default"解決這個問題。非es6模塊化規范請勿配置。
(其實最方便的是。。。你直接在js文件里寫個window.magnifier = magnifier)

反對回復 2019-01-09

1 回答
0 關注
1630 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

webpack如何打包組件才能用script標簽直接引用？

webpack如何打包組件才能用script標簽直接引用？

1 回答

添加回答

webpack如何打包組件才能用script標簽直接引用？

webpack如何打包組件才能用script標簽直接引用？