码迷,mamicode.com
首页 > 其他好文 > 详细

react 完整开发环境搭建

时间:2018-06-13 23:41:37      阅读:301      评论:0      收藏:0      [点我收藏+]

标签:image   分享   OLE   nbsp   name   IV   img   app   TE   

环境搭建:

1.Npm install -g create-react-app

2.Create-react-app project-name

3. Npm run eject (可选npm run eject 弹出配置文件,可以自定义配置 webpack)

4. Antd-mobile按需加载配置:

  1)Npm install babel-plugin-import —save

  2)Package.json配置

 技术分享图片
 

5. connect使用装饰器的方式来写,需要:

  1)npm run eject(任何自定义配置都需要 npm run eject)

  2)安装模块babel-plugin-transform-decorators-legacy: npm install --save -dev babel-plugin-transform-decorators-legacy。

  3)在babel中配置:

{

  "plugins":[

    "transform-decorators-legacy"

  ]} 

6.使用axios发送跨域请求 ,需要使用proxy配置:

 技术分享图片

 

proxy配置的作用是配置后,所有的请求就可以省略配置的部分了吗?? 比如:

axios.get(‘/data‘)  

.then(res=>{

console.log(res)

})

而非axios.get(‘http://localhost:9093/data‘)  ……

react 完整开发环境搭建

标签:image   分享   OLE   nbsp   name   IV   img   app   TE   

原文地址:https://www.cnblogs.com/ycxqdkf/p/9180425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!