每次换项目组都得经历搭环境的坎坷之路,我以为有过之前的经验这次会得心应手很多,然而没有深层次的思考,两次经验也有些无能为力,所以我决定记录一下今天的环境搭建。
首先pull代码,根据icode下面的提示把代码跑起来,然而发现项目打开一堆接口报错,这是因为这个项目不是直接使用后端接口,而是通过node层的koa服务转接过来的。所以需要去cn库(基于koa实现的转发服务器)下载一份代码,在本地运行,注意cn和code要在同一层路径中。
下完cn库无一例外要装一些依赖,依照npm install命令打包装就好了,这里要注意的是有些注意@bd字样的包找不到,则需要切换本地的registry再去安装,然后再切回官方地址。
npm config ser resitry = 你的地址;
(疑惑怎样确定当前的官方地址是啥,为啥要切换地址安装?)
后来发现node版本不对,为了方便切换node环境,这里我装了nvm,node版本管理,本地下载了各种版本的node,通过以下命令即可切换,这里以切换v8为例:
nvm install v.8.0.0
nvm use v.8.0.0
环境没问题后依然显示报错,原因是webpack版本过高,所以需要把webpack降到合适的版本,通常我安装webpack都是通过脚手架一件安装,这个坑让我简单的了解了如何自己在本地安装一个webpack,以及在不同项目下装webpack,而不是装在全局,这样可以提高webpack的灵活性,由此问题还引出了启动本地的webpack命令和启动非本地webpack有所不同,这里需要了解查找webpack路径的规则和优先级。
最后为了省时间选择了删除node_modules,重新npm i 。
嗯。。果然前端没啥问题了发现连接的开发机不稳定,这里有两个方法:
1、更改cn库下某个文件的server地址
2、更高code下package.json的host配置
为了保证登录信息带有我的cookie,需要去/etc/bin/host中将127.0.0.1指向线上环境的地址。
以上。
几经周折终于开启了react的开发之旅。
还有很多技术细节很有必要深入整理,不过此刻!我要去赶班车了!~