Back

重构: 分解大js 文件的经验 ( how to split big javascript files)

发布时间: 2015-05-02 21:35:00

目前项目中的一个文件有700多行. 造成了代码不太好维护. (某个变量 在第一行被定义,结果到了第500行才被引用)

所以我们要想办法把它变小, 拆分. 

1. 拆分成多个小的js文件.

按照某种规则,拆分成多个js 文件. 例如,  按照某段代码的功能. 拆分成5段.

1_rooms.js       #  创建房间. 
2_header.js      # 创建头部菜单,
3_camera.js     #. 相机,相册相关
4_view.js          # . 视图层的代码 
5_controller.js  #. 各种controller 专有的方法和函数.

2. 使用cat 命令,重新合并它们

$ cat 1_rooms.js 2_header.js 3_camera.js 4_view.js 5_controller.js > diy_project.js

合并之后,使用 git diff 来检验是否跟原来的文件(diy_project.js )一致. 确认一致后,就可以下一步了.

3. 针对每个小的js文件,来依次把它们变成coffee: 

4. 使用grunt 来组合:

在Gruntfile.coffee 中: 

Back