gulp插件(gulp-jmbuild),用于WEB前端构建
源码地址:https://github.com/jiamao/gulp-jmbuildhttps://github.com/jiamao/gulp-jmbuildgulp-jmbuildgulp插件,用于WEB前端构建安装进入您做为构建工具用的目录1.首先安装gulp$ npm install -g...
(转载)前端构建工具gulp使用
前端构建工具gulp使用前端自动化流程工具,用来合并文件,压缩等。Gulp官网 http://gulpjs.com/Gulp中文网 http://www.gulpjs.com.cn/Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cnGulp插件...
Gulp:插件编写入门
之前挖了个坑,准备写篇gulp插件编写入门的科普文,之后迟迟没有动笔,因为不知道该肿么讲清楚Stream这货,毕竟,gulp插件的实现不像grunt插件的实现那么直观。好吧,于是决定单刀直入了。文中插件示例可在这里找到:https://github.com/chyingp/gulp-preproce...
gulp.watch监听文件
Gulp.watch()会返回我们熟知的watcher。我们可以利用watcher来监听额外的事件或者向watch中添加文件。例如,在执行一系列任务和调用一个函数时,你就可以在返回的watcher中添加监听change事件:var watcher = gulp.watch('templates/*....
构建gulp项目
express是node.js中的构建工具,如果需要使用express构建,首先需要安装express。构建一个项目:|-- app| |-- css| |-- js| | `-- class| | |-- index.js| | `-- test.j...
Gulp-自动化编译sass和pug文件
突然发现在我博客文章中,缺少这一块的记录,那我就补一篇吧。gulp的环境配置和安装:http://www.cnblogs.com/padding1015/p/7162024.html这里就补充一篇gulpfile.js的配置,用于自动化编译sass和pug文件用: var gulp = requir...
gulp使用 实现文件修改实时刷新
gulp例子:https://github.com/Aquarius1993/gulpDemo淘宝镜像:$ npm install -g cnpm --registry=https://registry.npm.taobao.org 一 入门: npm: node package m...
利用gulp搭建本地服务器,并能模拟ajax
工作中可能会用到的小工具,在此记录一下。可以实现的功能有:本地http服务器页面实时刷新可以模拟ajax请求第一步,新建package.json文件。用到了gulp、gulp-webserver、gulp-livereloadpackage.json的内容如下:{ "name": "localse...
gulp打包js多个文件夹并压缩混淆,编译ES6语法,及多个import依赖由一个入口打包成一个cdn
感觉和webpack的步骤差不多首先安装gulp:参考上一篇安装完之后新建一个文件目录起名在当前目录下打开cmd执行:npm init创建package.json文件然后安装第一个插件gulp-uglify执行:cnpm install gulp-uglify --save-dev (这里暂时都...
gulp+webpack构建配置
使用构建工具之前我觉得前端好蠢,css没有变量,不能写循环,为了兼容要写好多前缀,hmtl写多页面中有同一个header,我就粘贴复制,然后修改的时候每个都要改。我还不会压缩和合并,每次都要按F5刷新。其实这些问题也是网页优化的问题。构建工具正是解决这些问题的集合。虽然网上gulp和webpack的...
gulp配置版本号 教程之gulp-rev-append
简介:使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存。1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程1.2、本示例目录结构如下:2、本地安装...
gulp详细入门教程
本文链接:http://www.ydcss.com/archives/18gulp详细入门教程简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大...
gulp之几个常用插件介绍
今天给大家分享一篇gulp几款插件的使用以下代码用到得模块加载‘ const gulp=require("gulp"); const gulpSass=require("gulp-sass"); const gulpAutoprefixer=require("gulp-autoprefixer");...
gulp ---攻略一
根据项目需要可能会出连载项目需要现在用gulp进行js的质量检测、合并、压缩、发布,未来需要进行sass的编译、合并、压缩,html、img的压缩以及md5戳、reload等功能,暂时先测试js的质量检测、合并、压缩、发布功能。进行本操作时,默认你已经安装好NODE+RUBY+SASS+COMPAS...
gulp学习
中文文档:http://www.gulpjs.com.cn/docs/api/一、gulp的API1 gulp.src();这个方法是用来获取流的,但这个流里的内容不是原始的文件流,而是一个虚拟文件对象流,这个虚拟文件对象中存储着原始文件的路径、文件名、内容等信息。其语法为:gulp.src(glo...
前端构建工具gulp使用 (转)
http://www.cnblogs.com/starof/p/5194622.html前端自动化流程工具,用来合并文件,压缩等。Gulp官网 http://gulpjs.com/Gulp中文网 http://www.gulpjs.com.cn/Gulp中文文档 https://github.com...
前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上
阅读目录理想的前端开发流程Gulp 为何物webpack 又是从哪冒出来的结论.table tr > td:nth-child(1) {width: 2em !important;padding-left: .6rem !important;padding-right: .6rem !impo...
sass mapsource --->gulp
详细,请戳这里1.安装插件npm install --save-dev gulp-sass gulp-sourcemaps gulp-autoprefixer如果安装错误,请用sudo 权限;2.在gulp.js中,引用所需的插件如下;var sass = require('gulp-sass');...
gulp实现打包js/css/img/html文件,并对js/css/img文件加上版本号
参考打包教程:http://www.cnblogs.com/tugenhua0707/p/4069769.htmlhttp://www.cnblogs.com/tugenhua0707/p/4982646.htmlhttp://www.tuicool.com/articles/viequayhttp...
前端模块化开发学习之gulp&browserify篇
随着web应用的发展,前端的比重占得越来越多,编写代码从而也越来越复杂。而通常我们需要将不同功能或者不同模块的代码分开写,最后在html中一起加载,这样做是可以的,但是当你需要进行维护或者是二次开发的时候,你会觉得十分费劲,因为你不知道文件之间复杂的关系,所以我们需要利用一些插件来配合进行模块化的...