webpack开发小总结

Posted amiezhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack开发小总结相关的知识,希望对你有一定的参考价值。

webpack开发前端的时候往往是单独自己的服务器:

1.express 带上 webpack-dev-middleware(自己实现了热更新,而且在memory-fileSystem,不会产生多余文件)

2.webpack-dev-server(自己实现了热更新,而且在memory-fileSystem,不会产生多余文件)

3.browserSync(需要使用到webpack的watch功能,会产生一些热更新的多余文件hot-update.js和hot-update.json)


在使用自己的前端专属服务器的时候会有个弊端,就是和后端分开了,并不在一个服务器上。

这个时候我们会选择采用代理(proxy),通过我们的前端专属服务器来访问后端服务器

上面3种不同的前端服务器都有不同的配置方法,但是都是大同小异,主要就是代理配置好代理的target(url地址)


 

后端分为模拟后端和真实后端

模拟后端:我们常使用json-server然后导入一个mock.js的静态数据文件来模拟后端

真实后端:代理的时候直接把真实后端服务器的url对接上就可以了


在生产环境下,我们就会直接把前端的代码放到后端的服务器上,共用同一个服务器,不用再采用代理这么麻烦了。

 

以上是关于webpack开发小总结的主要内容,如果未能解决你的问题,请参考以下文章

react开发中的总结技巧

微信小程序项目开发总结

小程序开发经验总结

耗时一个月,前端开发之小程序实战-----虎牙小程序

2019年终总结&小半年流媒体服务器开发经验总结

iOS 小技巧总结,绝对有你想要的