自定义你的Swiper (3.40-3.42)

Swiper的JS压缩文件大约100K,可能包含了你不想要的模块。

Swiper从3.4.0版本开始,可以通过Gulp构建你自己的Swiper文件,去除你不需要的模块,从而减少文件大小(开启gzip甚至可压缩至15K)。

  1. 1.下载并解压缩Swiper完整包

    包内应该包含有gulpfile.js文件。

  2. 2.安装Node.js

    如果你还没安装Node.js,下载并安装。

  3. 3.安装Gulp

    在命令行中运行npm命令(windows为例)

    $ npm install --global gulp
  4. 4.定位到解压的Swiper文件夹

    $ cd D:\swiper
  5. 5.更新NPM

    $ npm update
  6. 6.生成Swiper文件

    $ gulp custom -zoom,lazy-load,effects

    运行以上代码,此时,你的Swiper文件夹中多出了一个custom文件夹,里面就有生成的js和css文件。

可自定义的模块包括以下:


下载:未包含以上任意模块的自定义Swiper文件,约60K