Npm 包 broccoli-deploy 使用教程

Broccoli-deploy 是一个用于构建和部署静态网站的 Npm 包。它在构建过程中使用 Broccoli 构建器,而在部署过程中使用 SSH 将构建文件传输并部署到某个远程服务器上。在此篇文章中,我们将会学习如何使用 broccoli-deploy 来构建和部署你的静态网站。

安装

首先,我们需要安装 broccoli-deploy,你可以通过以下命令进行安装:

--- ------- --------------- ----------

接下来,在你的 Brocfile.js 中引入 broccoli-deploy:

--- ------ - ---------------------------

配置

在配置 broccoli-deploy 之前,我们需要确保 SSH 已经正确安装并可以连接到我们的服务器。接下来,我们需要在 Brocfile.js 中使用 deploy 函数来配置我们的项目。

--- ------------ - --------------------------------------------

-------------- - --------
  ---------- -------------
  ------- -
    -----------
    ------------
    ------------
  --
  ------ -----
  --------------- -----
  ---------- -
    ----- ------------------
    --------- -----------
    ----------- -----------------------
  -
---
  • remoteDir:部署目标文件夹
  • assets:需要部署的文件
  • prune:删除部署目标文件夹中未被构建的文件
  • allowOverwrite:允许覆盖部署目标文件夹已有的文件
  • sshRemote:SSH 配置信息,包括主机名、用户名和私钥路径等

执行

在配置完成之后,我们可以使用 broccoli 进行构建:

-------- ----- ----

在构建完成之后,使用以下命令进行部署:

-------- ------ ----

当构建成功并部署完成后,我们可以在目标服务器上看到构建好的静态网站。

这就是关于如何使用 broccoli-deploy 构建和部署静态网站的内容。希望本文对您有所帮助。

示例代码:

--- ------ - ---------------------------

--- ------------ - --------------------------------------------

-------------- - --------
  ---------- -------------
  ------- -
    -----------
    ------------
    ------------
  --
  ------ -----
  --------------- -----
  ---------- -
    ----- ------------------
    --------- -----------
    ----------- -----------------------
  -
---

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066c8bccdc64669dde52fb


猜你喜欢

  • npm 包 browserify-styles 使用教程

    简介 browserify-styles 是一个基于 Browserify 的 npm 包,可以将 CSS 样式文件打包到 JavaScript 中,确保样式规则能够正确地被浏览器识别。

    4 年前
  • npm 包 browserify-svg 使用教程

    介绍 browserify-svg 是一个可以将 SVG 文件转换为 JavaScript 模块的 npm 包。通过使用该包,我们可以将 SVG 图标嵌入到我们的前端项目中,再也不用手动复制粘贴 SV...

    4 年前
  • npm 包 browserify-templatefy 使用教程

    1. 简介 browserify-templatefy 是一个 npm 包,它可以将模板文件转换为 JavaScript 函数,以便在浏览器中使用。它可以与 browserify 配合使用,实现在浏览...

    4 年前
  • npm 包 browserify-test 使用教程

    在前端开发中,使用模块化开发已经成为了一种标配。而在模块化开发中,我们可以使用 npm 包管理器来管理各种依赖包。npm 包 browserify-test,就是一个能够在浏览器中使用 npm 包的工...

    4 年前
  • npm 包 browserify-three-math 使用教程

    在前端开发领域,使用三维库能够实现交互式页面,提高用户体验,而 three.js 是一个著名的三维库,它提供了许多优秀的效果,但其功能仅限于图形渲染。而使用 browserify-three-math...

    4 年前
  • NPM 包 build-bin 使用教程

    在前端开发中,我们经常需要使用命令行工具来执行一些任务,如编译、打包、测试等。npm 包 build-bin 就是一个能够帮助我们快速创建命令行工具的工具,它基于 Node.js 实现,可以将我们常用...

    4 年前
  • npm 包 bubblebot 使用教程

    如果你正在寻找一款简单易用的前端聊天机器人框架,你可以考虑使用 npm 包 bubblebot。bubblebot 支持在网站、微信公众号以及 Slack 上运行,提供了多种自定义配置选项,是一款非常...

    4 年前
  • npm 包 bt-data 使用教程

    简介 bt-data 是一个轻量级的 JavaScript 库,提供了前端实现数据加密和解密的功能。它支持主流的对称加密算法和非对称加密算法,并且具有简单易用的 API 接口,方便前端开发人员使用。

    4 年前
  • npm 包 bubbleroute 使用教程

    介绍 bubbleroute 是一个在前端应用中快速实现路由的 npm 包。它提供了一种基于事件冒泡来管理路由的方式,使得开发者在进行前端路由管理时更加方便快捷。 借助 bubbleroute,我们可...

    4 年前
  • npm 包 build-assets 使用教程

    前言 在前端开发中,我们常常需要打包构建静态资源,比如 CSS、JavaScript、图片等。而这些工作一般交由自动化构建工具来完成,常见的自动化构建工具有 Grunt、Gulp、Webpack 等等...

    4 年前
  • npm 包 build-basic-error 使用教程

    前言 在前端开发过程中,我们经常会遇到各种错误信息,这些错误信息有时候无法看懂或者不够清晰,我们需要对这些错误信息进行分类、包装和统一处理,以达到更好的可读性和可维护性。

    4 年前
  • npm 包 build-boilerplate-static-es6-sass 使用教程

    前端工程化是现代 web 开发必要的一环,其中构建工具起到了至关重要的作用。npm 包 build-boilerplate-static-es6-sass 是一个内置了 Gulp 和其他开发者工具的前...

    4 年前
  • npm 包 bubbles 使用教程

    前言 npm 是 Node.js 的包管理工具,它是前端开发中必不可少的工具之一。在开发中我们经常使用许多 npm 包,用它们来提高开发效率和加强代码的可读性和可维护性。

    4 年前
  • npm 包 build-boiler-plus 使用教程

    前言 在前端开发中,我们经常需要创建新的项目或组件,但是每次都从头开始搭建这些项目或组件的基础环境是非常重复且费时的。而且,这种方式容易导致项目或组件的基础环境不一致,从而引起一系列的问题。

    4 年前
  • npm 包 build-boiler-tester 使用教程

    在前端开发中,构建、模板和测试是非常重要的一部分工作。而在这个过程中,有一个常用的工具就是 npm 包 build-boiler-tester。 build-boiler-tester 是一个基于 N...

    4 年前
  • 使用 bubbleup-plugin-build-rollup-buble 打包你的 JavaScript 项目

    前言 在前端开发中,我们经常需要在本地开发时使用一些 es6+ 的语法以及其他一些更加方便的语法和库来提高我们的开发效率,但是如果我们直接使用这些语法和库的话,在一些旧版浏览器中就会失效。

    4 年前
  • npm 包 bubbleup-plugin-build-rollup-umd 使用教程

    在前端开发中,使用构建工具进行代码打包和优化是非常常见的操作。其中,Rollup 是一款高效的 JavaScript 模块打包器,可以将多个模块打包为一个单独的 JavaScript 文件,从而提高页...

    4 年前
  • npm 包 browserify-testability 使用教程

    在前端开发中,使用一些工具来提高自己的编码效率和代码质量是很必要的。其中,npm 是前端开发工具中应用非常广泛的一个包管理工具。而 browserify-testability 则是 npm 包中的一...

    4 年前
  • npm 包 browserify-through 使用教程

    在前端开发过程中,我们常常需要使用许多第三方库来帮助我们完成项目的开发。npm 包是前端开发中广泛使用的一种包管理工具。其中,browserify-through 包则可以通过在浏览器端中使用类似于 ...

    4 年前
  • npm 包 browserify-transform 使用教程

    在前端开发过程中,有很多工具能够提高我们的效率。其中,npm 包是一种非常重要的工具,它可以让我们更方便地管理和使用自己或别人编写的代码库。而 browserify-transform 是一个非常有用...

    4 年前

相关推荐

    暂无文章