GruntJs初体验

GruntJs是一个基于NodeJs的Task Runner。作用就是自动执行一些任务。GruntJs貌似挺火的，有很多第三方的插件，这些插件实际是提交到NPM的，不过加入了grunt的标签。我试用了一下，发现还蛮简单的。 比如，如何使用Grunt来拷贝文件：

（一）安装：

1. 全局安装Grunt控制台：npm install grunt-cli -g
2. 新建一个空文件夹，比如：C:\Grunt
3. 初始化一个新的package.json：C:\Grunt\npm init
4. 安装Grunt组件: C:\Grunt\npm install grunt --save-dev
5. 安装Grunt文件拷贝组件：C:\Grunt\npm install grunt-contrib-copy --save-dev

（二）写代码：（Grunt所有的代码都是写在Gruntfile.js里面的，包括任务设置，任务执行等）

1. 创建一个空的Gruntfile.js文件：C:\Grunt\Gruntfile.js
2. 加入以下代码：

module.exports = function (grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        copy: {
            main: {
                files: [
                    { expand: true, flatten: true, src: ['filesToCopy/*'], dest: 'filesCopied/', filter: 'isFile' }
                ]
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.registerTask('default', ['copy']);
};

（三）执行

1. 在C:\Grunt下创建一个filesToCopy子文件夹，随便再放入几个文件。
2. 命令行执行：C:\Grunt\grunt
3. 文件就从C:\Grunt\filesToCopy拷贝到C:\Grunt\filesCopied下面去了。

很简单~~

References：

• 官网：http://gruntjs.com/
• 别人写的博客：http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html， http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html
• http://js8.in/1124.html
  

转载于:https://www.cnblogs.com/puncha/p/3876885.html