成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue,angular4,react如何搭建完美的工程項(xiàng)目

klivitamJ / 1019人閱讀

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

vue,angular4,react 之webpack搭建 前端三大框架基礎(chǔ)項(xiàng)目

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
特點(diǎn) 1. 支持多入口頁(yè)面自動(dòng)生成

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

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

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

2. 同時(shí)支持ejs 與 pug 作為 htmlWebpackPlugin 模板 3. 同時(shí)支持 stylus 與 less 編寫(xiě)樣式 4. 自動(dòng)構(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 對(duì)應(yīng)的git倉(cāng)庫(kù)地址 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獲取最新版本即可
開(kāi)發(fā)工具安利 VSCODE : 這真的很快很好用 
win vscode 最新版 x64-1.16.0 百度云盤下載鏈接 http://pan.baidu.com/s/1bpB5FEf
本人其它模板項(xiàng)目

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 文檔還沒(méi)有寫(xiě)好,挨個(gè)寫(xiě)清楚

前端單元測(cè)試待加入

編寫(xiě)typescript 開(kāi)發(fā)相關(guān)文檔

歡迎大家提意見(jiàn)!

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/91756.html

相關(guān)文章

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

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

    Jackwoo 評(píng)論0 收藏0

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

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

    lemon 評(píng)論0 收藏0

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

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

    alphahans 評(píng)論0 收藏0

  • 2017-07-01 前端日?qǐng)?bào)

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

    _DangJin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<