gulp tutorial

1, Gulp IntroductionGulpis based onNodejsAutomatic task Runner that she can automate to completeJavaScript,Coffee,Sass, Less,Html/image,CSSfiles such as test, check, merge, compress, format, browser automatic refresh, deployment file generation, and listen to the file after the changes are repeated the specified steps。in the realization, she borrowed from the Unixthe piping of the operating system (Pipethought, the output of the previous level, direct

Transfer from Gulp vs Grunt1. Grunt-GulpThe early mention of building tools is inevitably reminiscent of a long history, Make Ant and later, for more convenient construction of similar Java projects Maven . Node spawned a number of automated tools, such as Bower,yeoman,grunt. And now the front-end mentions that the build tool will naturally be remembered Grunt . Maven in the Java World provides a powerful package dependency management and build lifecy

English Original: spring-cleaning Unused CSS with Grunt, Gulp, broccoli or brunch Want to improve the speed of the web, generally by reducing response time, standardize the css/js/html and the content of the picture. also through optimized css removing unused css to increase the loading degree. See how it is implemented. First share some of the available tools. Added grunt-uncss at lunch time to my Sites Gr

GulpGulp is a nodejs streaming build tool, the so-called streaming general meaning is to think of the construction process as a link pipe (pipe). Why did you do it?To explain why, you have to mention UNIX. UNIX itself provides only a relatively small number of commands, but you can perform powerful functions with a combination of commands. The connection between commands and commands is usually the pipe.Similarly, with Gulp, you just need to remember

gulp+webpack Configuration first, let's introduce Gulp and Webpack . Gulp Gulp is a tool for building the code in the front-end development process, and is the building block of the automation project; She not only optimizes the site resources, but also many repetitive tasks can be done automatically with the right

What is the Gulpfile.js file:Gulp is a tool for building code in the front-end development process, and is the building block of automation projects ; She not only optimizes the site resources, but also has many repetitive tasks that can be automated using the right tools during the development process; We can not only very happy to write code, but also greatly improve our efficiency.Gulpfile.js is the core document that helps gulp automate the manage

Recently need to optimize the project, mainly on the compression of JS and CSS file compression, find relevant information found gulp can achieve the relevant functions, hereby share the use of experience.1. Installing GulpGulp is a front-end build tool based on node. js. So first you need to install Nodejs, install Nodejs.After you complete the NODEJS installation, you need to use NPM to install Gulp.Install the Global

Catalogue Gulp Introduction Gulp API Gulp Common Tasks Use of Gulp 4.1 Gulp installation 4.2 create gulpfile.js 4.3 run gulp Extended Reading Gulp