快速搭建react项目骨架(按需加载、redux、axios、项目级目录等等)

       最近整理了一下项目骨架,顺便自定义了一个脚手架,方便日后使用。我会从头开始,步骤一步步写明白,如果还有不清楚的可以评论区留言。先大致介绍一下这个骨架,我们采用 create-react-app 搭建基础骨架,修改一些基础配置; 使用webpack的import模块实现按需加载(俗称切片打包); 引入 react-redux; 引入axios; 规划好项目的目录结构。我们大致就做这些事,大家可以根据自己项目需要,添加ui包等其他插件。博客的代码只是说明大致的流程,建议先拉代码,对比代码看博客。

 

二、目录

  

  

  

  

  

     ps: 说不定博主还会开放几个私有仓库  ☺

 

三、安装 create-react-app 脚手架并创建APP

         

npm install -g create-react-app //本地全局安装 react 脚手架 create-react-app webapp //通过脚手架指令 创建 react webapp, 注意名字不能有大写字母,现在就可以直接跑了 npm run eject //新版本的脚手架把配置文件等都以依赖的形式放到 node_modules 中了, eject 一下,把配置信息释放出来 scripts/start.js //修改一下端口号,默认是3000,改成你想要的 npm i //装一下依赖

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zydjdz.html