• gulp插件(gulp-jmbuild),用于WEB前端构建

    时间:2023-12-01 08:02:37

    源码地址:https://github.com/jiamao/gulp-jmbuildhttps://github.com/jiamao/gulp-jmbuildgulp-jmbuildgulp插件,用于WEB前端构建安装进入您做为构建工具用的目录1.首先安装gulp$ npm install -g...

  • (转载)前端构建工具gulp使用

    时间:2023-11-27 11:51:50

    前端构建工具gulp使用前端自动化流程工具,用来合并文件,压缩等。Gulp官网 http://gulpjs.com/Gulp中文网 http://www.gulpjs.com.cn/Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cnGulp插件...

  • Gulp:插件编写入门

    时间:2023-11-26 22:12:05

    之前挖了个坑,准备写篇gulp插件编写入门的科普文,之后迟迟没有动笔,因为不知道该肿么讲清楚Stream这货,毕竟,gulp插件的实现不像grunt插件的实现那么直观。好吧,于是决定单刀直入了。文中插件示例可在这里找到:https://github.com/chyingp/gulp-preproce...

  • gulp.watch监听文件

    时间:2023-11-23 17:13:32

    Gulp.watch()会返回我们熟知的watcher。我们可以利用watcher来监听额外的事件或者向watch中添加文件。例如,在执行一系列任务和调用一个函数时,你就可以在返回的watcher中添加监听change事件:var watcher = gulp.watch('templates/*....

  • 构建gulp项目

    时间:2023-11-22 19:04:10

    express是node.js中的构建工具,如果需要使用express构建,首先需要安装express。构建一个项目:|-- app| |-- css| |-- js| | `-- class| | |-- index.js| | `-- test.j...

  • Gulp-自动化编译sass和pug文件

    时间:2023-11-21 14:43:08

    突然发现在我博客文章中,缺少这一块的记录,那我就补一篇吧。gulp的环境配置和安装:http://www.cnblogs.com/padding1015/p/7162024.html这里就补充一篇gulpfile.js的配置,用于自动化编译sass和pug文件用: var gulp = requir...

  • gulp使用 实现文件修改实时刷新

    时间:2023-11-19 18:24:40

    gulp例子:https://github.com/Aquarius1993/gulpDemo淘宝镜像:$ npm install -g cnpm --registry=https://registry.npm.taobao.org 一 入门:         npm: node package m...

  • 利用gulp搭建本地服务器,并能模拟ajax

    时间:2023-11-14 08:44:07

    工作中可能会用到的小工具,在此记录一下。可以实现的功能有:本地http服务器页面实时刷新可以模拟ajax请求第一步,新建package.json文件。用到了gulp、gulp-webserver、gulp-livereloadpackage.json的内容如下:{ "name": "localse...

  • gulp打包js多个文件夹并压缩混淆,编译ES6语法,及多个import依赖由一个入口打包成一个cdn

    时间:2023-11-14 08:13:43

    感觉和webpack的步骤差不多首先安装gulp:参考上一篇安装完之后新建一个文件目录起名在当前目录下打开cmd执行:npm init创建package.json文件然后安装第一个插件gulp-uglify执行:cnpm install gulp-uglify --save-dev (这里暂时都...

  • gulp+webpack构建配置

    时间:2023-11-13 20:52:33

    使用构建工具之前我觉得前端好蠢,css没有变量,不能写循环,为了兼容要写好多前缀,hmtl写多页面中有同一个header,我就粘贴复制,然后修改的时候每个都要改。我还不会压缩和合并,每次都要按F5刷新。其实这些问题也是网页优化的问题。构建工具正是解决这些问题的集合。虽然网上gulp和webpack的...

  • gulp配置版本号 教程之gulp-rev-append

    时间:2023-08-31 09:47:38

    简介:使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存。1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程1.2、本示例目录结构如下:2、本地安装...

  • gulp详细入门教程

    时间:2023-08-11 09:55:50

    本文链接:http://www.ydcss.com/archives/18gulp详细入门教程简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大...

  • gulp之几个常用插件介绍

    时间:2023-08-07 11:21:48

    今天给大家分享一篇gulp几款插件的使用以下代码用到得模块加载‘ const gulp=require("gulp"); const gulpSass=require("gulp-sass"); const gulpAutoprefixer=require("gulp-autoprefixer");...

  • gulp ---攻略一

    时间:2023-07-24 23:17:05

    根据项目需要可能会出连载项目需要现在用gulp进行js的质量检测、合并、压缩、发布,未来需要进行sass的编译、合并、压缩,html、img的压缩以及md5戳、reload等功能,暂时先测试js的质量检测、合并、压缩、发布功能。进行本操作时,默认你已经安装好NODE+RUBY+SASS+COMPAS...

  • gulp学习

    时间:2023-06-17 17:57:02

    中文文档:http://www.gulpjs.com.cn/docs/api/一、gulp的API1 gulp.src();这个方法是用来获取流的,但这个流里的内容不是原始的文件流,而是一个虚拟文件对象流,这个虚拟文件对象中存储着原始文件的路径、文件名、内容等信息。其语法为:gulp.src(glo...

  • 前端构建工具gulp使用 (转)

    时间:2023-06-06 22:55:33

    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 谁会被拍死在沙滩上

    时间:2023-05-14 22:41:19

    阅读目录理想的前端开发流程Gulp 为何物webpack 又是从哪冒出来的结论.table tr > td:nth-child(1) {width: 2em !important;padding-left: .6rem !important;padding-right: .6rem !impo...

  • sass mapsource --->gulp

    时间:2023-04-30 17:07:34

    详细,请戳这里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文件加上版本号

    时间:2023-04-22 13:26:38

    参考打包教程:http://www.cnblogs.com/tugenhua0707/p/4069769.htmlhttp://www.cnblogs.com/tugenhua0707/p/4982646.htmlhttp://www.tuicool.com/articles/viequayhttp...

  • 前端模块化开发学习之gulp&browserify篇

    时间:2023-02-25 15:24:24

     随着web应用的发展,前端的比重占得越来越多,编写代码从而也越来越复杂。而通常我们需要将不同功能或者不同模块的代码分开写,最后在html中一起加载,这样做是可以的,但是当你需要进行维护或者是二次开发的时候,你会觉得十分费劲,因为你不知道文件之间复杂的关系,所以我们需要利用一些插件来配合进行模块化的...