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的下面,即可。
  • 相关阅读:
    计算机图形学
    2017.3.20
    史上最强型人养成秘籍: 90 天肥仔变型男实录
    Word 2013发布博客测试
    eeeeeeeeeee
    测试,使用word2013发布博客园博客
    Win7系统桌面便签怎么添加?
    开启两步验证的教程
    【Todo】 cygwin下emacs中M-x shell 中出现乱码
    emacs的LoadPath
  • 原文地址:https://www.cnblogs.com/yueliangcl/p/6761819.html
Copyright © 2011-2022 走看看