请选择 进入手机版 | 继续访问电脑版
欢迎来到爱昵论坛!

爱昵论坛将免费提供最新资源学习交流、常见的解决方案社区平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

热搜: PS HTML+CSS JS
搜索
查看: 286|回复: 0

[VueJs] vue.js(SCP2)打包后自动上传到服务器

[复制链接]

634

主题

687

帖子

2731

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2731
发表于 2019-6-10 10:01:13 | 显示全部楼层 |阅读模式
现在前端项目都是用构建工具写的,比如vue-cli,create-react-app,dva-cli等,打包完每次都要把文件复制到服务器,要是后期甲方爸爸不做修改还好,要是每天给你提一个这里加个图片,那里改下样式的,每次都是npm run build,然后打开服务器,上传。。。很累,也很烦。
其实像以上那种构建工具生成的项目里可以再搭配gulp一起使用,实现打包好项目后自动上传至服务器,
先安装2个依赖包:
npm install gulp gulp-sftp --save-dev
然后在项目根目录下新建gulpfile.js文件(gulp的默认入口文件)

配置文件

如上图,配置一个简单的任务,任务配置参数自行百度gulp-sftp这个插件,文档写的很详细了。
之后再在package.json里面配置一条命令"upload": "node build/build.js && gulp"

命令配置

如图,这样如果想打包上传直接npm run upload就好了。


作者:安东尼的漫长岁月

作者:MYYA
链接:http://www.imooc.com/article/75141
来源:慕课网

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|爱昵图库(Inpic) ( 鄂ICP备14000185号-1

GMT+8, 2019-10-19 19:48 , Processed in 0.109375 second(s), 27 queries .

Powered by Inpic

© 2013-2016 Inpic.com.cn

快速回复 返回顶部 返回列表