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

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

JavaScript

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

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

查看完整描述

1 回答

慕娘9325324

TA貢獻1783條經(jīng)驗獲得超4個贊

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