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的下面,即可。
  • 相关阅读:
    MSSQL中with(nolock)的用法
    google reader 使用快捷键
    HTML中em标签的用法
    js正则表达式
    C#中lock关键字的用法
    面试反思
    关于IE6.7.8.FF兼容的问题
    C#中DateTime.Now.Ticks的用法和说明
    JS中eval的用法
    这两天面试时不会的笔试题
  • 原文地址:https://www.cnblogs.com/yueliangcl/p/6761819.html
Copyright © 2011-2022 走看看