Webpack 插件通过 FTP 自动上传更改的文件答案

【问题标题】：Webpack plugin to automatically upload changed files via FTPWebpack 插件通过 FTP 自动上传更改的文件
【发布时间】：2019-07-30 14:09:30
【问题描述】：

我正在构建一个 Wordpress 主题，最近从使用 Prepros 切换到 Webpack/Babel/PostCSS 等...手动编译所有 SASS 和 Javascript，以便我可以添加更多自定义功能。

我需要重新创建的 Prepros 的最后一个功能是在编辑文件时通过 FTP 自动上传文件。我已经搜索了一段时间，但实际上找不到任何 Webpack 插件可以通过 FTP 自动将文件上传到服务器，同时也给了我很多选项（即指定要上传/忽略的文件扩展名）。

使用 Webpack 更改（保存）文件后，通过 FTP 自动将文件上传到服务器的最佳方式是什么？

目前看来我最好的选择是webpack-ftp-upload-plugin，但我上面提到的自定义选项似乎并不多...

【问题讨论】：

我猜这不是使用 webpack 复制到服务器的好方法。如果生成的代码不好怎么办，有时会发生 dev 版本是好的，而在 prod 版本中有些东西不起作用，你会覆盖服务器上的数据吗？更好的解决方案是使用命令行，例如。这样一个库ftp-deploy 在脚本部分的package.js 中，设置commit 为commit.js 并将所有内容都放入其中。
@GrzegorzT。我明白你的意思，但我不在乎上传的代码是“坏的”并覆盖服务器。我将使用它自动上传到“实时”开发服务器（即不是最终的生产服务器 - 只是客户端查看进度的一种方式），因此上传“坏”的东西并不重要，因为我可以修复马上

标签： npm webpack file-upload ftp

【解决方案1】：

在完成构建ftp-deploy 后使用此脚本。编译后，牛头犬将被部署。你不需要在 webpack 中有插件

"scripts": {
 "build": "concurrently \"yarn prod"\  \"yarn deploy\"",
 "prod": "webpack --config webpack.config.js --mode production",
 "deploy": "node deploy"
}

【讨论】：

当我对它进行更改并保存时，它会自动上传单个文件吗？
相反，不可能只发送这些更改的文件。但是据我所知是一个 webpack，如果一个文件发生变化，它会生成新的包，所有的新文件？排除您不想发送到服务器的文件可能会更好。