javascript - webpack多人协作开发模式应该是什么样的?
巴扎黑
巴扎黑 2017-04-11 13:18:12
[JavaScript讨论组]

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

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

巴扎黑
巴扎黑

全部回复(3)
高洛峰

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

ringa_lee

开发阶段就是本地测试,一个根据文档写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 参数还能对打包代码进行压缩,方便在生产环境使用

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号