gulp tutorial

Gulp Compression CSSFirst, install the GULP-MINIFY-CSS moduleTip: You need to use the command line CD to switch to the corresponding directory after the installation operation.At the command line, enterNPM Install Gulp-minify-cssAfter successful installation you will see the following information: (Installation time may be longer depending on the network)D:\WAMP\

ObjectiveUsually we do some of the pages that we can see from the design diagram where there are some similarities. For example: Head, bottom, sidebar, etc. If the front and back end of the separation, the production of static pages of the classmate, for these duplicate parts can only be copied and pasted to the new page, if the number of pages went up and the public part of the halfway appeared to be repaired. But there are 10 of pages that use this common html code. Isn't that a lot of trouble

Installing GulpBecause Gulp is a node-based management tool, install Nodejs firstInstalling NodejsNodejs: Chinese Station: http://nodejs.cn/English Station: https://nodejs.org/en/Run the. msi file directly after downloadafter the installation is complete, open the command line (win+r) and type node-view node version Global Installation GulpNPM Install-g GulpTo install Gulp in the project directory, if you

Although only just began to practice the cut chart, but before still exposure to a lot of tools, decision one by one use, sure enough, a day to cut a PSD, for a rookie, still very happy.I first downloaded a PSD from the Learning UI Web. Transduction must be used PS, here and we recommend a plug-in Cutterman, cut up not too convenient. Can be downloaded to their website http://www.cutterman.cn/Tutorials can be seen here http://www.cnblogs.com/nifengs/p/5216013.htmlIn addition to transduction, we

1. Introduction of PluginsvarGulp = require ('Gulp'), //uglify = require (' gulp-uglify '),Concat = require ('Gulp-concat'), Minifycss= Require ('Gulp-minify-css'), Rev= Require ('Gulp-rev'), Revcollector= Require ('Gulp-rev-coll

This article describes how to build a basic front-end project using Gulp+webpack. Let's say you've installed the node environment and will use a simple command line1. Gulp installation (1) Global installationInstall gulp-g(2) See if Gulp is installed successfullyGulp-v　　(3) Enter the local directory and create a new gu

This article mainly introduced about Laravel use gulp how to build front-end resources, has a certain reference value, now share to everyone, the need for friends can refer to Gulp is an automated tool, the front-end developers can use it to handle common tasks, the following article mainly on the use of Laravel Gulp how to build front-end resources related Mate

construction, such as monitoring program file changes, check JS code correctness, compression JS, source conversion to publish directory, start Web Service test and so on.Installation method:To view the Gulp version number:C:\windows>gulp--versionThe gulpfile.js is used to define the tasks performed by Gulp.6. Building the project directory structureThe director

console input, Running GulpDefaultGulpfile.jsvarGulp = require (' Gulp '),//Get GulpHtmlmin = require ("Gulp-htmlmin"),//compress page JavaScript, CSS, remove page spaces, comments, delete extra attributes, and moreImagemin = require ("Gulp-imagemin"),//Compress picture FilesCache = require (' Gulp-cache '),//compress

details also please read the document. Here I will gulp.js installation and use of the process to do a brief, first to enjoy the gulp.js of the style bar. Step one: Install command line tools $ NPM Install-g Gulp Step Two: Install Gulp under your project to develop dependent components (assuming you've created Package.json) $ CD $ npm Install Gulp--save-dev Step

First, IntroductionGulp is a front-end build tool and a build tool similar to grunt, but gulp is lighter, more simple to configure and use, less commands, easier to learn and remember than grunt.Second, the specific use Install GULP:NPM Install-g Gulp (Global installation), NPM install--save-dev Gulp (as a dependency on the development project,

//Introduction of GulpvarGulp = require (' Gulp ')); //Introducing ComponentsvarClean = require (' Gulp-clean ');//-ClearvarSass = require (' Gulp-sass ');//-SASS CompilationvarConcat = require (' Gulp-concat ');//-MergervarUglify = require (' gulp-uglify ');//-Compression J

At first, I was going to start with a front-end separation, and later found that when using JSP or Freemarker to do dynamic pages, it was not so easy to play with these automated build tools, because we had to teach them to invoke the Java container. Now the global community seems to have no mature plug-in can automatically help us to tune the Java container, Baidu FIS Jello also just do a bit of the velocity of automation, their own writing feel is self-abuse, so in this issue is better than th

Reference: Gulp.js-livereload do not need to F5, real-time automatically refresh the page to develop Reference: Automatic refresh page with Gulp-livereload (v3.0.2) Before introducing the Gulp front-end automatic build tool, let's feel the power of gulp with its other plug-ins gulp-livereload. In the process of buildin

To continue the gulp, before you get more gulp, make a clear case of creating and using multiple task tasks in gulp.Gulp the action to be done is written in Gulp.task (), the system has a default task, as follows: var gulp = require (' gulp '); Gulp itself Gu