使用grunt构建seajs教程一

准备工作：

假设你已经会使用grunt，不熟悉的自行谷歌。

我们这边将构建分为三步进行：

1、使用 grunt-cmd-transport 将Seajs模块转换为Modules/Transport规范。

2、使用 grunt-cmd-concat 合并模块。在合并模块前一定要先转换为Modules/Transport规范的模块。

3、grunt-contrib-uglify 压缩JS

项目结构：

app // 存放seajs代码模块

js   // 第三方js库

build // 存放 grunt-cmd-transport 编译的中间文件

dist  // 最终发布的目录

Start

1、使用npm init 命令创建package.json

2、加入以下依赖：

  "dependencies": {
    "grunt": "~0.4.1",
    "grunt-cmd-concat": "~0.2.0",
    "grunt-contrib-uglify": "~0.2.0",
    "grunt-contrib-clean": "~0.4.0",
    "grunt-cmd-transport": "^0.4.1"  // 0.5.1不知为何有个目录不能构建
  }

3、使用 npm install 命令安装依赖

4、创建 Gruntfile.js G必须为大写，写入以下代码

module.exports = function(grunt){
    grunt.initConfig({
        pkg : grunt.file.readJSON('package.json'),
        //grunt-cmd-concat 配置
        transport : {
            options : {
                debug : false,
                paths: ['app/'],
                include: 'all'
            },
            cywebos : {
                files : [{
                    expand : true,
                    cwd  : 'app/',
                    src  : ['**/*.js', '!datas/*.js'],
                    filter : 'isFile',
                    dest : 'build'
                }]
            }
        }
    });
    grunt.registerTask('default', ['transport']);
};

 

运行命令：grunt transport:cywebos