gulp

介绍

整个项目中涉及：

1. 第三方库由bower管理。
2. 打包工具由npm管理。
3. 打包之后的文件会放置在build文件夹下。
4. 打包之后有一个index.html为入口文件。
5. css文件夹下放置一个all.min.css为整个项目的css文件。
6. js文件夹下分别有mian.js为公用库，view.js为业务逻辑。可供日后优化。

安装依赖

• 安装node
• 安装npm
• 安装bower

运行

gulp server

打包

gulp release

打包策略介绍

• js分为两部分打包，一部分为公共的第三方库，已经共有组件，一部分为何业务相关的js
• css 打包为一个，打包入口为 app.css .将其他css利用import的方式引入，这样可以有效控制，css的先后顺序，放置样式被重写，造成混乱，无法管理
• 由于公共组件多有bower统一管理，为了此打包策略可以在每个项目中通用，则我会根据 component下的js文件为主，而开发者增加第三方库时无需修改打包策略。

** 说明 ：特别特别建议用mac，由于我用windows,而npm下载的工具包，文件层次很深，文件名称偏长，无法删除，也无法复制粘贴。所以大家可以读gulpfile.js文件自己亲自试验**