Now we learn through these 3 questions;1, what is gulp?2, why use gulp?3, how to use?What is Gulp answer: is a front-end automation of the building tools, straightforward point, without this tool, we can still use artificial to achieve the following advantages, but when the project is becoming large, the use of this tool can improve performance and efficiency. Wh
Front-End automation packaging release is a normal, especially in the mobile side, the testing process of static resources cache is a very headache, sometimes obviously deal with the bug test is still there, in fact, is the cache of evil, mobile phone than the PC browser, clean cache or a bit of trouble. Therefore, the automatic implementation of static resources version update is the right path.In the actual development process, the features we commonly use include:1, the elimination of the tar
Hello, little friends, everyone Friday good, again to the week's most most looking forward to Friday ~ ~ ~These days have been studying the use of gulp, take time today to tidy up the basic steps.Gulp Use Flow: Install Nodejs, install git (easy to bring up command window, optional), global installation, Gulp, Project installation Gulp and
Refer to the Packaging tutorial:Http://www.cnblogs.com/tugenhua0707/p/4069769.htmlHttp://www.cnblogs.com/tugenhua0707/p/4982646.htmlHttp://www.tuicool.com/articles/viequayKey points of implementation:1, how to Run Gulp task, join the new good one the following tasks:// Grammar Check function () { gulp.src (' js/**/*.js '). Pipe (Jshint ()) . Pipe (Jshint.reporter (' default ')) ;});Then run on the command line:
maintained, I added the header of each HTML file:
So, all of the. html I don't need to think about caching, anyway, as long as the. html file on the server is updated, the browser should download the latest. html file.
Phase four: Automatically add version numbers to the front-end static files based on Gulp
Phase Two plus phase three approach, has been able to basically deal with front-end caching problems, but still not convenient, first of
Our mobile Web project uses gulp as an automated deployment tool, because mobile device 4G traffic fee is more expensive, generally we do mobile web App project when the official release of the JS code needs to be compressed to save traffic. Including the use of the third-party JS framework, the official release should also use the compressed version. For their own write JS code, because now is a modular development, JS files are more, need to merge i
Use gulp to compress and merge AngularJS code.
Our mobile web project uses gulp as an automated deployment tool. Because the 4G traffic fee of mobile devices is expensive, js Code is usually compressed when we officially launch the mobile Web App project to save traffic. Including the third-party js framework used. The compressed version should also be used for official release. For self-written js Code, be
Use gulp to compress and merge AngularJS code
Our mobile web project uses gulp as an automated deployment tool. Because the 4G traffic fee of mobile devices is expensive, js Code is usually compressed when we officially launch the mobile Web App project to save traffic. Including the third-party js framework used. The compressed version should also be used for official release. For self-written js Code, bec
Before from the Internet to see with gulp build people still quite a lot of, today try to learn a bit, basically is from other website extracts, the following is summary:Let's stick to the project structure first:I put the original code in the assets file, Dist is gulp generated images,scripts,styles, all the *.html are published to the root directoryFirst, the Global installation
Talk about Gulp.At the end of the project, the teacher asked me to familiarize myself with the grunt front-end automation tools, the first time I know this stuff, I looked up all kinds of information ah, found that grunt has been ' outdated ', we all use Gulp and webpack. Of course I chose to configure the simplest gulp=-=Gulp is a NODEJS-based automatic task run
The project update iterations that are being done are more frequent, the front-end code is often packaged for deployment, and manual integration of code files is cumbersome and time-consuming, so it is decided to use Gulp instead of manually doing this work.Front-end static resources in the release of the update will face the problem of client browser cache (refer to this article), to solve this problem can be used in two ways: The overriding method (
the difference between Webpack and gulp
Gulp is a tool chain, build tools, can be used with a variety of plug-ins to do JS compression, CSS compression, less compilation instead of manual implementation of automated work
1. Building Tools
2. Automation
3. Improve efficiency withWebpack is the most popular front-end resources modular management and file packaging tools, you can project a variety of JS text,
Grunt and gulp are building tools for automatic compression, typescript compilation, code quality lint tools, and CSS preprocessor in the JavaScript world, which help developers handle some of the annoying repetitive tasks of client development. Both grunt and Gulp are supported in Visual Studio 2015. The ASP. NET project template uses Gulp by default.Grunt and G
I wonder if everyone will ever encounter the trouble of manually unchecking config.php and database.php each time the code is submitted. (config.php file line offline on turn off debug mode and show off error database.php the configuration of the database on the offline line)
Anyway I used to be each time the Git commit code is manually canceled by their checked state and then submitted (SVN can move them to ignore the file location, but git even ignore the changes will still bounce out to let y
With the development of the front-end technology and the development of the front-end project to update the speed of the requirements, front-end automation more and more attention, before the traditional front-end development method has become more and more unable to meet the needs of development, so a variety of automation tools followed. And Gulp is one of the most powerful tools in the game.1. Install node. JS:Because
Summary:Gulp, like grunt, are automated build tools. Compared to grunt, it highlights the concept of a stream, and the task is executed one after the other. Share today how to automate with gulp.Installation:Gulp is also based on the node environment, so you need to install node. js before installing Gulp.
NPM Install-g Gulp
The installation is completed as soon as you execute the preceding li
1. What is Gulp
Gulp.js is a next-generation build tool that is stream-based and code-better than configuration.
Gulpand Grunt similar. But compared to Grunt the frequent IO operation of the Gulp flow operation, the build can be completed faster.
2. Gulp characteristics
Easy to use
The code is better than the configured strategy
Last week it was a thing to do, is to use Gulp to the project's JS and CSS to add a version, mainly to control the release of the new version of the browser cache problem, I see a lot of tools called this approach is to add "file fingerprint", this is also applauded, where compression is a step before adding fingerprints.
First look at the file fingerprint added after the successful release of the "results."
First introduce the next
What is Gulp?http://gulpjs.com/believe you will understand!What are the advantages compared to the famous build tool grunt?
Easy to use, code better than configuration
Efficient, no excessive intermediate files, reduced I/O pressure
Easy to learn, very little API, you can learn gulp in a very short period of events
Those common gulp plug-ins
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.