基於react的前端專案結構

2021-08-22 17:47:35 字數 1116 閱讀 2255

build                   // 編譯目錄

config // webpack配置

public // 公共檔案 可以放一些第三方字型 樣式庫等

scripts // 啟動指令碼

src |-- asset // 靜態資源

|-- components // 公共元件目錄 當業務需要拆分元件的時候,可以在對應的業務資料夾下單獨建立乙個components資料夾

|-- models // 公共model存放位置

|-- index.js // model 入口檔案,所有的業務model都需要在這裡登記才可以使用

|-- pages // 容器元件

|-- demo // 業務容器

|-- demopage.jsx // 業務入口 我們約定入口檔案後都帶乙個「page」字樣

|-- demopage.less // 業務樣式

|-- demomodel.js // 業務model 如果當前業務需要拆分成多個業務可以建立乙個models資料夾在統一存放

|-- demoapi.js // 業務api 如果當前業務需要拆分成多個業務可以建立乙個services資料夾在統一存放

|-- services // 公共api存放

|-- utils // 工具

|-- global.less // 樣式變數 方法

|-- index.js // 入口檔案

|-- index.less // 全域性樣式 覆蓋樣式

|-- router.js // 基礎路由

.eslintignore // eslint過濾檔案清單

.eslintrc.js // eslint配置

.gitignore

package.json

readme.md

前端專案結構的思考

前言 由於地處北京,作為技術前言大都市,技術的更新迭代也比較快,前後端分離的思想現在已經深入人性,目前大型的pc端 都是採用的mvc的架構模式,前後端專案實現很大程度的解耦。前後端分離一般分為兩種 沒有中間層的前後端分離沒有web中間層的前後端分離屬於比較簡單的型別,我們將html css js等靜...

React專案針對目錄結構的改造

前端技術 react.js antd css src下的原目錄結構 components 元件 bar 導航欄 操作欄等 content 內容展示 dataentry 資料輸入元件 feedback 模態框 氣泡等反饋元件 menu 選單元件 mobile 手機端元件 utils 工具元件 page...

基於react的audio元件

樣式請自己定義哦 需要其他功能請自行新增!元件呼叫 stalled當瀏覽器嘗試獲取 資料,但資料不可用時 suspend當瀏覽器刻意不獲取 資料時 volumechange當音量已更改時 this.controlaudio alltime ontimeupdate 您的瀏覽器不支援 audio 標籤...