版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/latency_cheng/article/details/82893406
Swiper是目前应用较广泛的移动端网页触摸内容滑动js插件，在项目中引入也很方便。但是有时候，我们只需要swiper的部分功能，这样也可以减少swiper文件的大小。
首先可以在gitbub拉下swiper项目。
\swiper-master\scripts\build-config.js文件中的components列举了所有swiper提供的组件，我们可以按照自己的要求，只保留有用的，比如我的更改如下：
接下来，需要重新编译构建swiper项目，README文档中有详细的编译过程：
因为swiper使用gulp打包项目，所以要先安装gulp
$ npm install --global gulp然后安装所有依赖：
$ npm install然后构建项目
$ npm run build:dev // 构建出的文件在 build/文件夹
$ npm run build:prod // 构建出的文件在 dist/文件夹关于build/文件夹和dist/文件夹的区别：
我们的项目中使用的文件（包括css和js文件），只能来自于dist/文件夹，这些文件是最稳定的版本；build/文件夹下的文件仅用于开发目的。
编译完成后，我们可以看到dist中的文件比之前小了一些
然后，就可以直接引入swiper.min.js文件。
在Vue项目中，需要把js文件放到static文件夹中引入