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的下面,即可。
  • 相关阅读:
    09Socket编程
    一个平时写程序通用的Makefile样例
    08socket编程
    07socket编程
    06socket编程
    01TCP/IP基础
    25管道
    jQuery,CSS:offset()方法,CSS scrollTop属性
    jQuery:length属性:是jQuery对象对应元素在document中的个数,返回值数据类型是Number
    JS正则表达式
  • 原文地址:https://www.cnblogs.com/yueliangcl/p/6761819.html
Copyright © 2011-2022 走看看