基於requireJS和Gulp可快速搭建前端項目的腳手架

基於requireJS和Gulp可快速搭建前端項目的腳手架。

項目地址

1. git clone git@github.com:perfectSymphony/Gulp-cli.git

項目目錄

1. ├── README.md # 項目說明
2. |—— bin # (在gulpfile文件中使用到)解析layout中的模板html，將完整的html產出到src/html中
3. ├── dist # 打包生成的項目文件
4. |—— logs # 監聽編譯less文件時，打印報錯信息，
5. ├── gulpfile.js # gulp配置文件
6. ├── package.json # 依賴包
7. |
8. ├── src # 項目文件夾
9. ├── conf # 配置文件目錄
10. ├── data # 模擬數據
11. |—— public # 第三方庫
12. |—— css # 由less文件生成的的css文件
13. │── images # 圖庫
14. │── js # 組件化腳本文件
15. │── less # less
16. |── layout # 頁面
17. └── widget # 公共頁面

項目中使用到的部分技術以下：

1. - require：實現模塊化開發;
2. - mock：實現本地模擬服務器端返回數據;
3. - art-template：渲染數據;
4. - layui：UI框架;
5. - browsersync：啓動項目;

跨域問題：

開發環境：proxy； 生產環境：根據本身公司的實際狀況選擇；

如何使用

一、下載項目：

1. git clone git@github.com:perfectSymphony/Gulp-cli.git

二、安裝依賴：

1. $ cd Gulp-cli && npm install

三、啓動項目

1. $ npm run start

四、項目打包

1. npm run build

項目啓動命令

1. 單獨編譯： npm run build
2. 單獨啓動： npm run dev
3. 編譯並啓動： npm run start

自動化部署功能

1. Gulpfile.js中實現了項目自動化部署功能。須要用到自動化部署，能夠在Gulpfile.js中配置一下` 'deployFile','execSSH' `就能夠用了

 

若是該項目有幫助到你，請動動你的手指，給一個Star。

微信公衆號：

備註

• 本腳手架提供了基本的技術支持，能夠根據本身的需求，修改。

• 若有設計不合理地方，能夠提出，也能夠到個人微信公衆號裏面提出改進問題。

• 項目地址 如對你有幫助，但願給個Star(*￣︶￣)。