前端工程化之前后端一体化的技术方案。
介绍一个非常具有含金量的前端工程化的场景,通常称之为叫《前后端一体化》。什么叫前后段一体化?看这段代码,这里listApi是一个API文件,这个API文件是放在Node service上,这个文件本身是一个前端的文件,在前端的文件直接引后端的文件,用函数调用的方式进行这样的编写,这种写法就叫前后端一体化。
这里边有个很大的问题,就是这段代码运行在浏览器,这个是一个接口,这种写法怎么能够成功的运行?这里就借助工程的手段把代码进行转变,这就是前端工程化的妙用。把代码进行转变,转变的目的是为了让开发者进行更方便的操作。
从最终运行的效果上来说,这个地方肯定是要发一个请求出去,这肯定是没有疑问的。比如用这个或者团队自己封装了一个,这里肯定是要发请求,所以这个时候就用AST做一个代码的转换,把这个地方进行转换,其实底下是不用动,这样一想是不是就觉得很简单了?
看下最终效果,因为这已经是写完了脚本,来看一下转换完之后是个什么样的东西。从引入文件的方式变成了一个request,这不是request,注意区分这不是require,这是request,request可以把它理解为这个东西,在上面给它加一段import,这是团队自己封装的请求的方法,其实是不用变的,这就是前后端一体化的原理。
接下来就写一下这段脚本,这段脚本一共写了有这么多行,不到100行,接下来一行一行的写一下这段代码,
本文暂时没有评论,来添加一个吧(●'◡'●)