zoukankan      html  css  js  c++  java
  • 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的下面,即可。
  • 相关阅读:
    [C#1] 2类型基础
    [C#2] 5迭代器
    [C#1] 6方法
    [C#1] 8数组
    [C#1] 12特性
    [C#1] 10事件
    [C#2] 2匿名方法
    实用代码JavaScript实用小函数一枚(深入对象取值)
    [C#1] 11接口
    实用代码C#获取本机网络适配器信息及MAC地址
  • 原文地址:https://www.cnblogs.com/yueliangcl/p/6761819.html
Copyright © 2011-2022 走看看