webpack多人协作开发模式应该是什么样的?

之前的开发模式是后端在开发服务器部署好工程,前端只要往工程目录里扔文件就行了,打包工具gulp grunt也只是在要上线前用一下打出个压缩合并版,然后可以通过各种方式切换请求压缩版还是源码。
要用webpack模块化需要打包才能看到结果,按之前的模式,是不是在开发服务器上起个webpack -w这么搞?
后来又了解到通过webpack-dev-server可以用本地开发模式,方式是本地起一个webpack-dev-server 配置proxy把服务端请求代理到开发服务器,或者服务端开放跨域请求,那这种协作方式主要靠svn同步前端队友的代码,和后端队友协作感觉会受权限啊环境差异之类的影响。

想请教大家的协作开发模式是什么样的

阅读 5.4k
3 个回答

我们公司是前后端完全分离的,让后端开个CORS,我在本地直接请求API就完事了,如果觉得开CORS不安全,可以让后端配个测试环境/预发布环境呗

开发阶段就是本地测试,一个根据文档写mock data, node server请求道mockdata,也就是json文件,模拟接口。

另外一种就是你说的通过proxy代理到web端服务器。

代码就是svn或git,每个人自己本地搭环境。

接口代理其实很简单,一个配置的事,换别人的机器配置里改一下,重启node server。

部署的话是跑类似 gulp build,对代码进行压缩,然后通过脚本部署到web端webroot下,或者直接扔文件给他们。

也可以,前端自己布nginx到前端服务器,然后线上访问分别代理到后端和前端服务器,做到前后端分离。

配置好webpack.config.js后,开发时用

webpack-dev-server

命令可以启动一个开发服务器,带有自动刷新功能,方便调试
使用

webpack

命令可以把开发好的代码打包,加上 -p 参数还能对打包代码进行压缩,方便在生产环境使用

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题