为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
webpack React

基本上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设置的地方
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消