Grunt的基础配置

标签：gruntjs   构建javascript   

1. 安装node.js，官网下载以后安装，将node.js的bin目录添加到PATH中，方便使用npm来安装grunt所需要的资源。

2. 在安装grunt之前，执行：npm uninstall -g grunt 卸载掉之前安装的grunt

3. 安装全局grunt：npm install -g grunt-cli （包括grunt, grunt-cli, grunt-init，具体百度，google）

4. 然后cd到你项目的根目录下，执行npm init，填写项目信息。就会生成package.json。

5. 安装必要的grunt module，执行npm install <module_name> --save-dev，该命令会帮你把这些module加到你的package.json的devDependecies中。比如：grunt模块，命令为：npm install grunt --save-dev；安装uglify模块（将目标js打包成min格式）： npm install uglify --save-dev。其他模块根据需要来install

6. 创建Gruntfile.js，这个就是我们自定义一些任务和模块的文件。参考例子来编写。

7. Gruntfile.js中加载需要的模块使用：grunt.loadNpmTasks(plugin_name);

8. Gruntfile.js中定义默认任务：grunt.registerTask(‘default‘, [your task array]);

9. 使用grunt命令就会执行grunt中配置的默认任务。

简单的配置，运行效果图：

也可以使用模板来进行配置，等待更新。

本文出自 “SG-YYZ” 博客，请务必保留此出处http://sgyyz.blog.51cto.com/5069360/1567522

Grunt的基础配置

标签：gruntjs   构建javascript   

原文地址：http://sgyyz.blog.51cto.com/5069360/1567522