webpack學習筆記——項目引入zepto及tap事件失效的解決

先要npm下來zepto：npm install zepto

然后npm下來exports-loader和script-loader

配置如下：

JavaScript

// webpack.config { // ... module: { loaders: [{ test: require.resolve('zepto'), loader: 'exports-loader?window.Zepto!script-loader' }] } } 

這樣我們在頁面入口文件中就可以這么寫：

JavaScript

// entry.js import $ from 'zepto' $(function () { // ... })
引入成功后，會解決"$ is not defined"的問題
------------------------------------分割線-----------------------------------------
但是tap事件是觸發不了的，因為zepto沒有繼承touch.js,在node_moudules文件夾中看npm下來的zepto，在src文件夾下游touch.js文件，正是我們需要的，現在就想辦法把這個js引入就可以了。
想法有兩個：
　　1，重新打包zepto.js,將touch.js打包到zepto.js中,這是我的思路，但是我並不知道怎么來實現，於是想了個辦法，吧touch.js文件中的代碼拷貝到/dist/zepto.js的代碼的最后，即可。
　　2，將touch.js引入到entry.js,require('../node_modules/zepto/src/touch.js'),這句代碼要寫在引入zepto的下面，即可。