码迷,mamicode.com
首页 > Web开发 > 详细

webpack开发小总结

时间:2018-01-24 22:11:35      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:bsp   nbsp   div   直接   地址   expr   而且   弊端   gpo   

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开发小总结

标签:bsp   nbsp   div   直接   地址   expr   而且   弊端   gpo   

原文地址:https://www.cnblogs.com/amiezhang/p/8343245.html

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