<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          aotoo-hub多項目前端腳手架

          聯(lián)合創(chuàng)作 · 2023-09-20 02:03

          aotoo-hub 是一套通用型前端腳手架,無技術棧依賴,聚焦于多人協(xié)作及工程化,支持多項目并行開發(fā),幫助開發(fā)者快速產(chǎn)出項目。

          aotoo-hub 是一套前端/NODE 端一體化設計的全棧腳手架,將它定位明確一點,專職編譯,與業(yè)務去耦合,webpack4編譯環(huán)境,node端由koa2提供服務。

          獨立運行時,僅作為前端編譯、輸出靜態(tài)資源工具,hub采用webpack對前端的資源進行編譯,開發(fā)模式下由webpack-dev-server提供熱更新支持,生產(chǎn)環(huán)境下僅產(chǎn)出壓縮后的代碼

          融合運行時,node(koa2,koa-router)將接管webpack-dev-server提供后端服務,此時可實現(xiàn)SSR服務,API服務,可用于部署,提供線上服務

          一些特點

          • 提供簡單的命令行工具
          • 編譯環(huán)境支持多項目,共享編譯資源及node_module
          • 支持為React/Vue/Jq/原生js/小程序等項目提供編譯環(huán)境
          • 規(guī)范的前端、node端目錄結(jié)構(gòu)
          • 支持動態(tài)樣式(sass/stylus)
          • 支持多環(huán)境,命令行切換測試,生產(chǎn)等環(huán)境
          • 支持node端(koa2)

          腳手架源碼結(jié)構(gòu)

          hub工作空間
            ├── build
            ├── aotoo.config.js
            ├── index.js
            ├── package.json
            ├── postcss.config.js
            └── src
                 # vue 項目演示
                 └─ vueSample
                       ├── configs # node環(huán)境配置文件,默認包含default.js
                       ├── dist      # 靜態(tài)資源輸出目錄
                       ├── js        # 前端業(yè)務js目錄(前端)
                           │── venders # 第三方庫文件目錄+自定義公共庫(前端)
                           ...
                       └── server    # node端的源碼目錄
                             │── pages  # node端的業(yè)務目錄
                             └── plugins # 自定義插件目錄
          
                 # react 項目演示
                 └─ reactSample
                       ├── configs # node環(huán)境配置文件,默認包含default.js
                       ├── dist      # 靜態(tài)資源輸出目錄
                       ├── js        # 前端業(yè)務js目錄(前端)
                           │── venders # 第三方庫文件目錄+自定義公共庫(前端)
                           ...
                       └── server    # node端的源碼目錄
                             │── pages  # node端的業(yè)務目錄
                             └── plugins # 自定義插件目錄
          
                 # 小程序項目演示
                 └─ xcxSample 
                       ...
                       ...
          

           

          瀏覽 33
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  久久逼逼网 | 丁香五月婷婷六月 | 爱液视频网页版免费 | 日韩另类大片 | 骚碰人人看 |