准备工作:
假设你已经会使用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