经常遇到前端项目,构建打包时候,需要好一会,构建结算后还用上传。
往往这时候需要等待
所以就需要一个构建完项目然后自动上传到服务器目录
1、工具flashfxp
由于flashfxp支持命令行操作,所以我们选择来上传文件
在ftp站点管理里,创建一个站点 my_ecs
2、创建命令文件
upload.cmd
输入:
G:\\Software\\FlashFXP\\flashfxp.exe -upload my_ecs -localpath=E:\project\Web\vuework\ -remotepath=/vuework/ -c2
echo 文件传输完成
localpath 为本地目录
remotepath 为站点目录
c2 代表上传任务结束后,退出软件
文件编辑完之后,可以点击文件测试下,如果能正常上传,就进行下一步
flashfxp命令使用方法
3、命令整合到vscode
把文件upload.cmd文件放在项目目录中
.\node_modules\.bin
放在bin里面,就可以在npm脚本中调用了。
编辑 package.json,添加上一个行
"FTP快速上传": "upload",
并且在build那一行,加上 && upload
...
"scripts": {
"build-生产": "vue-cli-service build --mode prod && upload",
"FTP快速上传": "upload",
},
....