前言:
而今朋友们对“jqueryflexsliderjs”大概比较着重,你们都想要分析一些“jqueryflexsliderjs”的相关知识。那么小编同时在网上搜集了一些关于“jqueryflexsliderjs””的相关内容,希望姐妹们能喜欢,小伙伴们快快来学习一下吧!一、gulp概述
gulp是一个自动化构建工具,主要用来设定程序自动处理静态资源的工作。简单的说,gulp就是用来打包项目的。
二、gulp安装
npm i gulp@3.9.1 -g
gulp -v # 测试是否安装成功;
gulp是一个基于任务的工具,也就是说,gulp规定,不管做什么功能,都用统一的接口管理,必须去注册一个任务,然后去执行这个任务,在任务代码中,去做想想做的功能。这是gulp的特点之一:任务化。
gulp的每个功能都是一个任务,压缩css的任务、合并文件的任务。。。gulp规定任务要写在一个叫做glupfile.js的文件中,在这个文件中用来配置所有任务。
三、browserify概述
browserify的用途是将前端用到的众多资源(css,img,js,...) 打包成一个js文件的技术。
与webpack类似的一个技术;
比如在html中引用外部资源的时候,原来我们可能这样写
<script src="/static/libs/landing/js/bootstrap.min.js"></script> <script src="/static/libs/landing/js/jquery.flexslider-min.js"></script> <script src="/static/libs/landing/js/jquery.nav.js"></script> <script src="/static/libs/landing/js/jquery.appear.js"></script> <script src="/static/libs/landing/js/headhesive.min.js"></script> <script src="/static/libs/jquery/jquery-qrcode/jquery.qrcode.js"></script> <script src="/static/libs/jquery/jquery-qrcode/qrcode.js"></script> <script src="/static/libs/landing/js/scripts.js"></script>
复制
但是有了 browserify 的帮助,就可以把这些通通压缩成一句;
<script src="/bundle.js"></script>四、browserify安装
npm install -g browserify
标签: #jqueryflexsliderjs