在前端开发中，自动化部署是一个重要而又重复的过程。Webpack 的使用已经让前端开发变得更加高效，但是没有一个自动化的部署过程，就得手动上传代码到服务器。这时，我们可以使用一个 npm 包叫 webpack-deploy-after-build，它可以在每一次 webpack 构建完成后自动将构建好的代码上传到服务器上。
安装
npm install webpack-deploy-after-build --save-dev
使用
webpack-deploy-after-build 的使用起来非常简单，只需要在 webpack.config.js 文件中配置一下即可。
-- -------------------- ---- -------
----- ----------------------- - --------------------------------------
-------------- - -
-- -------- -------
-------- -
--- -------------------------
----- ---
----- ---
--------- ---
--------- ---
---------- ---
----------- --
--
-
-配置项说明
下面是 WebpackDeployAfterBuild 的配置项说明：
host: 服务器地址port: 服务器端口username: 服务器登录账号password: 服务器登录密码localPath: 本地要上传的文件夹路径remotePath: 服务器要上传到的文件夹路径
示例代码
-- -------------------- ---- -------
----- ----------------------- - --------------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
-------- -
--- -------------------------
----- --------------
----- ---
--------- -------
--------- -----------
---------- ----------------------- --------
----------- ----------------
--
-
-这样，每次构建完成后，WebpackDeployAfterBuild 就会自动将构建好的代码上传到服务器上。
结论
通过使用 webpack-deploy-after-build，我们可以让自己的前端项目轻松实现自动化部署，只需要配置一下，就可以自动上传代码到服务器上。这个 npm 包使用起来简单方便，适合任何大小的项目使用，是一个非常实用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a281e8991b448dfd31