create-react-app 脚手架构建项目,已经过程中持续总结心得

栏目: IOS · Android · 发布时间: 5年前

内容简介:3.create-react-app 已经集成了代理转发的功能,需要在package.json中配置 (要先把mock数据放到mock服务器上并配置5000端口,比如mock服务器上有很多.json文件)
  • 架手架 create-react-app demo 后生成public文件 -----> public文件 是放一些静态资源的,是不会参与构建的,你输入是怎样,最终打包构建还是怎样,不像src文件下的代码会参与打包构建

2.自定义数据.json 一些操作指令 比如:test文件下有api文件下的data.json

test ls
test ls api/
test vi api/data.json
左下角 :q

3.create-react-app 已经集成了代理转发的功能,需要在package.json中配置 (要先把mock数据放到mock服务器上并配置5000端口,比如mock服务器上有很多.json文件)

"proxy":{   
   "/api":{    (例子)
   	"target": "http://localhost:5000"	
   }
}
复制代码

4.直接把mock数据放在public文件夹下

public文件夹
    mock文件夹
        data.json文件
            {"data":"test"}
            
localhost:3000/mock/data.json   这样也能拿到mock的模拟数据
public文件下的内容会原封不动的打包到整个项目当中,是一些静态资源
复制代码

结语

前端react QQ群: 788023830 ---- React/Redux - 地下老英雄

前端交流 QQ群: 249620372 ---- FRONT-END-JS前端

(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习


以上所述就是小编给大家介绍的《create-react-app 脚手架构建项目,已经过程中持续总结心得》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learning JavaScript

Learning JavaScript

Shelley Powers / Oreilly & Associates Inc / 2006-10-17 / $29.99

As web browsers have become more capable and standards compliant, JavaScript has grown in prominence. JavaScript lets designers add sparkle and life to web pages, while more complex JavaScript has led......一起来看看 《Learning JavaScript》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

html转js在线工具
html转js在线工具

html转js在线工具