npm 包 @glimmer/build 使用教程

背景

@glimmer/build 是一个用于构建 Glimmer 应用的 npm 包。Glimmer 是一个快速、高效、模块化、可组合的 Web 应用程序开发框架,可以用于构建单页应用或部分支持应用程序。本文章将介绍如何使用 @glimmer/build 在你的项目中构建 Glimmer 应用程序。

安装

要开始使用 @glimmer/build,我们首先需要在我们的项目中安装它。可以通过以下命令来安装它:

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

注意:@glimmer/build 需要 Node.js 版本 8.6 或更高版本。

建立 Your App

接下来,我们需要创建一个新的 Glimmer 应用程序。通过以下命令创建一个新的应用程序:

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

这将创建一个名为 my-glimmer-app 的新的 Glimmer 应用程序。 cd 到该目录并使用以下命令启动应用程序:

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

这将启动预览服务器,你现在可以在浏览器中进行访问 http://localhost:4200 看到你的应用程序在本地运行的效果。

构建

当我们想要在生产环境中运行该应用程序时,我们需要将其构建成静态文件并部署到网络上。通过以下命令来构建 Glimmer 应用程序:

--- --- -----

这将使用默认的 Glimmer 编译器将应用程序编译成单个的 ES2015 模块。我们也可以通过使用更多的命令来定制应用程序的构建过程。例如,在 package.json 文件中定义一个自定义构建脚本:

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

上面的脚本将使用 AMD 格式构建应用程序,并把它们输出到 my-output-folder 目录下。

插件

@glimmer/build 还有许多插件可以用来扩展应用程序的构建过程。这些插件可以在应用程序的构建配置文件中进行配置,例如:

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

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

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

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

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

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

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

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

  ---

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

总结

通过本文,你应该已经了解了如何使用 @glimmer/build 来构建 Glimmer 应用程序。我们学习了如何通过命令行工具创建一个新的 Glimmer 应用程序,如何构建应用程序以及如何使用构建插件来定制应用程序的构建过程。希望本文对你有指导意义。

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


猜你喜欢

  • npm 包 chrome-cookies-secure-fork 使用教程

    简介 chrome-cookies-secure-fork 是一个 npm 包,用于在 Node.js 端从 Chrome 浏览器中获取 cookie。相较于其他 cookie 获取工具,这个工具使用...

    5 年前
  • npm 包 chrome-cookies-secure 使用教程

    简介 chrome-cookies-secure 是一个 npm 安装包,它能够帮助开发者在浏览器端获取和修改 Chrome 浏览器中的安全 HTTP Cookie。

    5 年前
  • npm 包 bitcoin-address 使用教程

    前言 比特币(Bitcoin)是一种去中心化的数字货币,它的交易是基于区块链技术实现的。比特币地址就是比特币交易的接收地址,与银行账户的账号类似。npm 包 bitcoin-address 可以用于生...

    5 年前
  • npm 包 altcoin-address 使用教程

    简介 altcoin-address 是一款用于加密货币地址生成和验证的 npm 包。它支持多种加密货币,如比特币、比特币现金、莱特币等等。 该包提供了生成新地址、获取私钥和公钥、验证地址的功能。

    5 年前
  • npm 包 level-path-index 使用教程

    Level-Path-Index 是一个非常实用的 npm 包,主要用于创建支持字典序查询的索引,可用于存储各种类型的数据,尤其对于那些需要经常进行排序和筛选的应用程序具有相当的价值。

    5 年前
  • npm 包 digger-sockets 使用教程

    简介 在前端开发中,经常需要与后端进行数据交互。digger-sockets 是一个 Node.js 模块,提供了基于 WebSocket 的跨平台实时通讯功能,使得前端和后端之间的交互更快捷、更稳定...

    5 年前
  • npm 包 digger-static 使用教程

    什么是 digger-static digger-static 是一个基于 Node.js 的 npm 包,它可以生成静态网站。它是 Apache Cordova 项目中的一个组件,但是也可以单独使用...

    5 年前
  • npm包 digger-blueprints 使用教程

    前言 随着前端技术的发展,npm 包越来越成为前端开发不可或缺的一部分。其中,digger-blueprints 是一个十分实用的 npm 包,它可以帮助我们快速创建自定义的数据模型,同时也是一种十分...

    5 年前
  • npm 包 digger-server 使用教程

    简介 digger-server 是一个基于 Node.js 的模块,提供了一个简单的 HTTP 服务器用于将文件夹中的内容发布到网络上。你可以通过使用 digger-server 安装,以获得一个快...

    5 年前
  • npm 包 digger-mongo 使用教程

    简介 digger-mongo 是一个 Node.js 的 npm 包,简化与 MongoDB 的交互流程。由于其简单易用、高效快捷,已经成为前端工程师广泛使用的工具之一。

    5 年前
  • npm 包 digger-bridge 使用教程

    简介 digger-bridge 是一个运行在浏览器上的 npm 包,用于在前端使用 digger 连接数据库。digger 是一个用于构建数据存储和 API 服务的工具,旨在提供方便和易用的方式来管...

    5 年前
  • npm 包 digger-network 使用教程

    简介 在前端开发中,我们常常需要进行网络通信来获取数据或者向服务器发送请求。npm 包 digger-network 则是一个能够简化前端网络请求过程的工具库。 本文将详细介绍 digger-netw...

    5 年前
  • npm 包 rationalnestedset 使用教程

    rationalnestedset 是一个基于嵌套集模型的 npm 包,旨在提供易于使用的 API,从而更方便地操作嵌套集数据,并且能够保持嵌套集结构的完整性和正确性。

    5 年前
  • npm 包 digger-app 使用教程

    引言 npm 是 Node.js 的包管理器,它允许你轻松地安装和使用各种 JavaScript 库和工具包。digger-app 是 npm 上面一个非常有用的前端开发工具包,可以帮助开发者更加高效...

    5 年前
  • npm 包 digger-reception 使用教程

    什么是 digger-reception? digger-reception 是一款基于 Vue.js 的前端组件库。其中包含的组件主要是与 PC 网页应用开发相关的 UI 控件。

    5 年前
  • npm 包 digger-warehouse 使用教程

    前言 随着前端技术的发展,现在已经可以在浏览器端进行大部分的数据处理。因此,许多前端工程师需要了解如何构建基于浏览器的应用程序。而现在前端开发过程中必不可少的一个工具就是NPM包管理器。

    5 年前
  • npm 包 hyperhealth 使用教程

    1. 背景介绍 随着互联网技术的不断发展,网站的前端技术也得到了空前的发展。然而,由于前端技术的复杂性,常常会出现一些奇怪的错误,让我们感到十分棘手。为了解决这些问题,我们有必要使用一些好用的工具来管...

    5 年前
  • npm 包 hypercore-archiver 使用教程

    在前端开发中,我们经常会用到一些数据存储及同步的功能。其中,npm 包 hypercore-archiver 是一个非常好用的工具,它可以帮助我们实现数据的本地缓存和多端同步。

    5 年前
  • NPM 包 co-express 使用教程

    前言 Node.js 常用模块机制使得模块之间的耦合非常小,各模块互不关联。这样在开发复杂的项目时,我们需要很多个模块同时工作,但每个模块的工作又不能相互阻碍。因此,针对这个问题,co-express...

    5 年前
  • npm 包 township 使用教程

    前言 在前端开发中,使用npm包已成为日常开发不可或缺的一部分。今天,我们将介绍一个npm包——township,它是一个用于在Web应用程序中展示地区的JavaScript库。

    5 年前

相关推荐

    暂无文章