成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue,angular4,react如何搭建完美的工程項目

klivitamJ / 968人閱讀

摘要：之搭建前端三大框架基礎項目支持特點支持多入口頁面自動生成在目錄下會創(chuàng)建或者下會自動生成文件自定義模板下創(chuàng)建與同名的優(yōu)先使用自定義模板否則使用作為模板同時支持與作為模板同時支持與編寫樣式自動構(gòu)建目錄在目錄下配置文件

vue,angular4,react 之webpack搭建 前端三大框架基礎項目

webpack3 + typescript+react

https://github.com/githbq/hbq-typescript-react-boilerplate.git
支持typescript + react16 + react-router V3

webpack3 + babel(es6+) + react

https://github.com/githbq/hbq-simple-webpack2-react.git

webpack3 + typescript+vue2

https://github.com/githbq/hbq-typescript-vue-boilerplate.git

webpack3 + typescript+angular4

https://github.com/githbq/hbq-angular-boilerplate.git
特點 1. 支持多入口頁面自動生成

在 src/apps/ 目錄下會創(chuàng)建 .ts 或者 react 下 .tsx 會自動生成 .html 文件

自定義html模板: src/apps 下創(chuàng)建與 tsx? 同名的 [name].html , [name].pug

優(yōu)先使用自定義模板,否則使用dev-config/index.template.pug 作為 htmlWebpackPlugin 模板

2. 同時支持ejs 與 pug 作為 htmlWebpackPlugin 模板 3. 同時支持 stylus 與 less 編寫樣式 4. 自動構(gòu)建目錄在 dev-config 目錄下,配置文件完全解耦 
├── dev-config
|  ├── configs
|  |  ├── alias.js
|  |  ├── constants.js
|  |  ├── devServer.js
|  |  ├── entry.js
|  |  ├── globalConfig.js
|  |  ├── plugins.html.js
|  |  ├── plugins.js
|  |  ├── proxy.js
|  |  ├── rules.css.js
|  |  ├── rules.js
|  |  └── utils.js
|  ├── index.template.html
|  ├── index.template.pug
|  ├── lite-server-config.js
|  ├── readme.md
|  ├── templateCompilers
|  |  └── pug.js
|  └── webpack.config.js
5. hmr(hot module replace) 代碼修改熱更新支持 安裝 1. 直接 git clone 對應的git倉庫地址 2. 采用 iclone-cli 腳手架 
npm i -g iclone-cli 
// then 
iclone init -t  [模板名稱] -n [工程名稱]
環(huán)境要求 nodejs v8.4 
win nodejs v8.4 百度云盤下載鏈接 http://pan.baidu.com/s/1bpD78YF
mac 系統(tǒng)直接使用 n latest獲取最新版本即可
開發(fā)工具安利 VSCODE : 這真的很快很好用 
win vscode 最新版 x64-1.16.0 百度云盤下載鏈接 http://pan.baidu.com/s/1bpB5FEf
本人其它模板項目

koa2 + typescript + mongodb 

https://github.com/githbq/hbq-koa2-base.git

nodejs command line

https://github.com/githbq/hbq-module-cli-boilerplate.git

gulp (css js less ts gzip)

https://github.com/githbq/hbq-gulp.git
TODO

README.md 文檔還沒有寫好,挨個寫清楚

前端單元測試待加入

編寫typescript 開發(fā)相關文檔

歡迎大家提意見!

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91756.html

相關文章

  • 前端框架這么多，該如何抉擇？

    摘要：在引起狀態(tài)變化的時刻，框架自動觸發(fā)臟檢查，也可以手動執(zhí)行臟檢查，直接操作更新視圖。最后，說了這么多，大家在具體選型時還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。 作為一個軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術中進行取舍，持續(xù)學習是從事這一行業(yè)的必備技能。在這個領域里，技術更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。 在項目中必不可少的便...

    Jackwoo 評論0 收藏0

  • 前端框架這么多，該如何抉擇？

    摘要：在引起狀態(tài)變化的時刻，框架自動觸發(fā)臟檢查，也可以手動執(zhí)行臟檢查，直接操作更新視圖。最后，說了這么多，大家在具體選型時還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。 作為一個軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術中進行取舍，持續(xù)學習是從事這一行業(yè)的必備技能。在這個領域里，技術更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。 在項目中必不可少的便...

    lemon 評論0 收藏0

  • 前端框架這么多，該如何抉擇？

    摘要：在引起狀態(tài)變化的時刻，框架自動觸發(fā)臟檢查，也可以手動執(zhí)行臟檢查，直接操作更新視圖。最后，說了這么多，大家在具體選型時還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。 作為一個軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術中進行取舍，持續(xù)學習是從事這一行業(yè)的必備技能。在這個領域里，技術更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。 在項目中必不可少的便...

    alphahans 評論0 收藏0

  • 2017-07-01 前端日報

    摘要：前端日報精選騰訊前端團隊社區(qū)源碼分析入門指南一些關于使用的心得基本類型與引用類型知多少掘金中文第期框架選型周刊第期入門系列模塊車棧重構(gòu)基于的網(wǎng)絡請求庫某熊的全棧之路的那些奇技淫巧的平凡之路模仿寫個數(shù)組監(jiān)聽掘 2017-07-01 前端日報 精選 Why you shouldn`t use Preact, Fast-React, etc. to replace React today -...

    _DangJin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<