gulp tutorial

Gulp plug-in (gulp-jmbuild) for front-end WEB build, gulpgulp-jmbuildSource Code address: https://github.com/jiamao/gulp-jmbuild https://github.com/jiamao/gulp-jmbuildgulp-jmbuild Gulp plug-in for WEB Front-end constructionInstall Go to the directory you used as the build to

The Gulp command automatically generates the sprite, And the gulp command automatically generatesFile directory description Gulpfile. js Code Var gulp = require ('gulp'); var spritesmith = require ('Gulp. spritesmith '); var imagemin = require ('

Speed up, perform our first taskGulp, one of the most popular tools in front-end development.Let's start by creating a Package.jsonwen file in the project directory: running node under the project directoryNPM InitBefore installing gulp, let's take a look at the NPM instal-g command:　　If you do not add-G, it will be installed in the current project directory. Plus-G will be installed in a global directory.we can see what the global catalog is by using

The common Gulp module methods are:GULP.SRC ()GULP.SRC (' client/one.js '); Specify the explicit file to be processedGULP.SRC (' client/*.js '); Processing all files with the suffix. js in the client directoryGULP.SRC (' client/**/*.js '); Working with the client directory and its subdirectories all files that are. jsGULP.SRC ('!client/main.js ');//handling files other than Client/main.jsThe Gulp.src () method is used to generate the data stream.

Gulp-htmlmin's introduction:Gulp-htmlmin plugin is used to compress the HTML file, can compress the page javascript,css, remove the page space, comment, delete the extra attributes and so on.First, the use of Gulp-htmlmin plug-in1, install "gulp-htmlmin" plug-in command (in the terminal into the project root directory execution)NPM Install--save-dev

This section implements JS compression, before the implementation of compression, the first configuration JS task, set the source directory and output directory.On the basis of the series (c) code, expand it.1. Locate Gulp->config.js and configure the source directory (SRC->IMG) and output directory (BUILD->IMG) for JS:New JS task in 2.gulp->tasks, such as:3. Add the JS task to the default task sequence:Gul

1. Create a project2. Installing Gulp3. Running GulpCreate a project-Create the project folder named Firstgulp and run NPM init in the Firstgulp directory. NPM Init creates a Packjson file that holds the file information about the project.The green section needs to be entered manually according to the project's own situation, or it can be set to null. The red part is the final generated content.-Of course at the end, you need to confirm the information manually. After confirmation, a Packjson.js

Gulp Troubleshooting Publishing online file (CSS and JS) caching issuesthe reason of this article: the current often online after the release of the document to constantly refresh the page and a long time, the page CSS and JS file to take effect, especially for the current time to do the mall, built-in browser cache is very serious, We used to fix the post-online caching problem by adding a timestamp to the file, but it doesn't work in the browser, so

Summary: Node Express or node project, to automatically compile sass methods, such as gulp, such as koalas, such as today I want to say this package node-compass. Method One: Command-line compilation sass: Method Two: Gulp-sass Method Three: Node-compass Method One: Command-line compilation sass:1 Compass CompileEnter confirmation to generate the corresponding CSS codeMethod Two:

(Gulp.dest ('./js '))) * . Pipe (Uglify ()) $. Pipe (Rename (' All.min.js '))Panax Notoginseng. Pipe (Gulp.dest ('./dist '))) - }); the + //Default Task AGulp.task (' Default ',function () { theGulp.run (' sass '); +Gulp.run (' Jshint '); -Gulp.run (' Minify '); $Gulp.watch ('./css/*.scss ',function () { $Gulp.run (' sass '); - }); -});V. Implementation of the GulpPerform all tasks on the terminal by executing the following commandGulpor perform a single taskGulp MinifyOK, you are done ~Re

Install Gulp-htmlmin with NPM with a single command:NPM Install Gulp-htmlmin--save-devAfter installation, open the Gulpfile.js file, we write a task to specifically compress the HTML, and HTML for a series of processing:var Gulp = require (' gulp '), var htmlmin = require (' gulp