用grunt-cmd-xxx构建seajs项目时,使用alias引发的BUG
来源:互联网 发布:君智咨询 知乎 编辑:程序博客网 时间:2024/06/06 07:37
该BUG与另一个BUG强相关,见:grunt-cmd-transport提取deps[]的BUG
文件
// employee/static/adder.jsdefine(function (require, exports) { exports.add = function (a, b) { return a + b; }});
// employee/static/package.jsdefine(function (require, exports) { exports.adder = require("adder");});
// bootstrap/static/main.jsdefine(function (require) { var adder = require("employee/static/package").adder; alert(adder.add(1, 2));});
transport: { options: { paths: [sourceDir], alias: { "adder": "employee/static/adder" } }, build: { files: [ { cwd: sourceDir, src: ['**/static/**/*.js', '!3rd-lib/*', '**/static/**/*.css'], dest: buildDir } ] } }
BUG描述
执行grunt transport,main.js提取之后:
define("bootstrap/static/main", [ "employee/static/package", "adder" ], function(require) { var adder = require("employee/static/package").adder; alert(adder.add(1, 2));});
package.js提取后是:
// employee/static/package.jsdefine("employee/static/package", [ "employee/static/adder" ], function(require, exports) { exports.adder = require("employee/static/adder");});
可以看到,package.js提取结果是正确的,而且alias也正确转换。但是受上一个BUG的影响,main.js的提取结果是错误的,不仅把adder也写入了deps[],而且没有alias转换成功
在链接的文档里介绍过,规避上一个BUG的方法,是在concat中配置include:all。但是现在由于alias转换失败的原因,执行grunt concat时会报错:
Running "concat:build" (concat) task
>> file adder not found
>> file adder-debug not found
然后合并得到的main.js是:
// concated bootstrap/static/main.jsdefine("bootstrap/static/main", [ "employee/static/package", "adder" ], function(require) { var adder = require("employee/static/package").adder; alert(adder.add(1, 2));});define("employee/static/package", [ "employee/static/adder" ], function(require, exports) { exports.adder = require("employee/static/adder");});
package.js:
// employee/static/package.jsdefine("employee/static/package", [ "employee/static/adder" ], function(require, exports) { exports.adder = require("employee/static/adder");});define("employee/static/adder", [], function(require, exports) { exports.add = function(a, b) { return a + b; };});
结果比无效的http请求更严重,因为合并后的main.js已经包含了package,所以不会去请求employee/static/package.js,但是main中并没有adder存在,所以根本调不到adder。同时会发起2个无效的http请求,尝试加载adder.js和employee/static/adder.js
结论
在BUG修复之前:
- 如果使用grunt-cmd-transport和grunt-cmd-concat来构建seajs项目,不要使用alias,使用完整的顶级标识,或者相对标识都可以
- concat设置为include:all,来规避无效http请求的问题
- 用grunt-cmd-xxx构建seajs项目时,使用alias引发的BUG
- 用grunt-cmd-xxx构建seajs项目,require css的一个坑
- 用grunt构建seajs项目的总结
- 用grunt构建seajs项目
- Grunt 实例之 构建 seajs 项目
- grunt+seajs构建笔记
- 使用Grunt构建项目
- 使用spm构建seajs项目
- grunt-cmd-transport提取deps[]的BUG
- seajs项目构建的总结
- Spm2构建使用Seajs和Spm构建中型项目的代码
- JavaScript 项目构建工具 Grunt的安装
- 结合nodejs,grunt,seajs及实际产品需要,设计一个简单的前端自动化构建框架
- JS学习42:使用spm@3构建seajs项目
- grunt和seajs的打包初体验
- Tomcat启动时多次部署项目引发的bug
- cmd 模块构建,从认识grunt开始
- CMD 模块构建,从认识 Grunt 开始
- struts2的基础之Action
- 十五、动态链接库介绍以及静态库的编写
- 华容道
- assign、retain、copy的区别
- zen cart修改底部版权信息
- 用grunt-cmd-xxx构建seajs项目时,使用alias引发的BUG
- 名校握手中,未来更从容——安生国际课程中心南菁中学分部首传捷报
- 用Javascript评估用户输入密码的强度
- 改进的冒泡排序算法
- 摩托罗拉推开源硬件平台计划Project Ara
- 重载
- python-numpy的一些简单函数--补充中
- leetcode :Single Number II
- 子序列和问题 无分析