grunt js tutorial

Grunt based on Node.js, with JS development, so you can use Node.js to achieve cross-platform desktop-side operations, such as file operations, and so on. In addition, grunt and its plug-ins, as a package, can be managed with NPM installation.So NPM generates a Package.json project file that records the grunt plug-ins

Recently, there is a project used requirejs to solve the front-end modularity, but with more and more pages and modules, I found that I am about to hold these lovely JS files, specifically in each page to set a bunch requirejs of configuration ( baseUrl , and so on paths ).I do not know who said, some things repeated three times, it is time to consider the automation, so I carefully pulled out of my grunt .

What you need to know:1, nodejs installation and command line use 2, Nodejs installation Application 3, Grunt preliminary understandingThis article has assumed that readers are already familiar with the above knowledge.OK, let's continue:Task 1: Merge and compress all zepto and plugins under SRC directory.--src/ ajax.js assets.js callbacks.js data.js deferred.js detect.js event.js form.js fx.js fx_methods.js gesture.js

Grunt tutorial 2 Concat plugin Concat is a common plug-in used in grunt for file connection. For example, if you write a class library, there are three modules, such: A. js B. js C. js When your project is ready for release, you m

simple gruntfile.js:Module.exports =function(Grunt) {grunt.initconfig ({//read information from a custom JSON configuration file to make it easier to refer to it laterPkg:grunt.file.readJSON ("Example.jquery.json"), //referring to the information read above to define a copyright information header, in fact, is to use a variable concatenation of a string, after the merger compression can use this copyright informationmeta: {banner:"/*\n" + "*

ObjectiveGrunt is a front-end build tool that helps us automate the construction of front-end projects. It can be automatic to JS, CSS, HTML files, such as merging, compression and other column operations. Grunt has a lot of plugins, each plug-in implements a feature, you can use NPM name to download plug-ins, and then used them. About the use of grunt and the co

Article Introduction: Grunt to build a front-end automation workflow. Grunt, what's this stuff?Recently very hot front-end automation gadgets, task-based command-line build tools http://gruntjs.com What can grunt do for us? Before you start, let's describe the following scenario: "Scenario 1: Before the project starts" First set up a Proja f

The project catalog before compression:1, install JS,CSS required plug-inInstalling with NPM: NPM install grunt-contrib-uglify--save-dev--------> Install JS compression pluginNPM install grunt-contrib-cssmin--save-dev--------> Installing CSS Compression plug-insAfter manual installation, in the Package.json file, the "

that Grunt.task.requires does not actually run other tasks, it simply checks to see if other tasks have been executed and has not failed.Tasks can also access configuration properties. Like what:function () { // record the property value and return NULL if the property is undefined (undefined). Grunt.log.writeln (' The Meta.name property is: ' + grunt.config (' Meta.name ')); // the same record property value, which returns null if the property is undefined (undefined). Grunt.log.writel

just want to do a grunt operation on a JS file, you do not need to create Index.js and Lib folder files, directly put the file in the root directory, and then the Gruntfile.js file in the path to change it.?Appendix 2:How to create a sample gruntfile. Installing GRUNT-CLI NPM install-g

. TroubleshootingView node's installation root directorynpm root -g 1 Running the grunt-version or not?Find a lot on the net, give the correct solution of not a few, so their own groping, and finally decided to add the environment variable solution.This type of problem can be solved, such as:"Gulp" is not an internal or external command, nor is it a program or batch file that can be run.5. Solution StepsMy system is windows7, my own refe

NPM Document: Www.npmjs.com[Gruntfile.js]Module.exports =function(Grunt) {Grunt.initconfig ({timestamp:' , Jspath:' app/js/', Csspath:' app/css/', concat: {js:{options: {separator:‘;‘}, src: [", ",], dest:' }, css:{src: [' , ' ], dest:' }}, Uglify: {options: {banner :‘/*! }, Dist: {files: {' ]}}, Cssmin: {minify: {expand:true

Module.exports =function(grunt) {//Build a task configurationGrunt.initconfig ({//read the contents of the Package.json to form a JSON dataPkg:grunt.file.readJSON (' Package.json '), //Compression JSuglify: {//file Header Output Informationoptions: {banner:‘/*! }, My_target: {files: [{expand: true, //relative PathCWD: ' js/', SRC:' *.js