整理了一下react16.7.0的webpack模板

基本上react須要方法和依賴的庫都引配好了。github地址:https://github.com/qianxiaoning/demo-react16.7.0 歡迎你們star或者fork呀~

template-antDesign-sass-react16.7.0

  • 目錄結構
build/ 生成目錄
public/ 靜態資源目錄,create-react-app會直接把這裏的東西起在服務根目錄
src/
    assets/ 資源文件夾,如圖片
    components/ 組件
        ReactSlotPra 彈窗組件,引用父組件傳入的slot數據
        ReduxSon redux的修改
        Son 事件總線的發射
    config/ 參數文件夾
    pages/ 頁面文件夾
        Home 1.react中input的寫法
             2.react中組件slot的實現方式
        News react中組件slot的實現方式
        Product 嵌套路由的實現
        ParentSonTransmit 1.父子通信的方式
                          2.事件總線的監聽與銷燬
        ReduxExperience redux的引用
        HocPra 使用hoc高階組件的公共方法
        HttpPra 1.axios請求試驗
                2.引入antd庫
    redux/ redux文件夾
    router/ router配置
    structures/ 結構組件
    utils/
        events.js 事件總線模塊
        hoc.js hoc高階組件(也能夠寫一些公共的東西,用來替代mixins)
        http.js http請求和antd的loading,message的結合封裝
        urls.js 接口地址的統一管理
        utils.js 公共方法,工具函數
    AppNote.js 筆記文件
    index.js 入口文件
    index.scss 公共樣式
config-overrides.js customize-cra對create-react-app的webpack的可配置,如爲了antd配置了babel-plugin-import
jsconfig.json create-react-app的配置文件,如今只配了項目資源能夠絕對路徑
package.json proxy設置的地方
相關文章
相關標籤/搜索