背景
@glimmer/build 是一个用于构建 Glimmer 应用的 npm 包。Glimmer 是一个快速、高效、模块化、可组合的 Web 应用程序开发框架,可以用于构建单页应用或部分支持应用程序。本文章将介绍如何使用 @glimmer/build 在你的项目中构建 Glimmer 应用程序。
安装
要开始使用 @glimmer/build,我们首先需要在我们的项目中安装它。可以通过以下命令来安装它:
npm install --save-dev @glimmer/build
注意:@glimmer/build 需要 Node.js 版本 8.6 或更高版本。
建立 Your App
接下来,我们需要创建一个新的 Glimmer 应用程序。通过以下命令创建一个新的应用程序:
npx @glimmer/blueprint my-glimmer-app
这将创建一个名为 my-glimmer-app 的新的 Glimmer 应用程序。 cd 到该目录并使用以下命令启动应用程序:
cd my-glimmer-app npm start
这将启动预览服务器,你现在可以在浏览器中进行访问 http://localhost:4200 看到你的应用程序在本地运行的效果。
构建
当我们想要在生产环境中运行该应用程序时,我们需要将其构建成静态文件并部署到网络上。通过以下命令来构建 Glimmer 应用程序:
npm run build
这将使用默认的 Glimmer 编译器将应用程序编译成单个的 ES2015 模块。我们也可以通过使用更多的命令来定制应用程序的构建过程。例如,在 package.json 文件中定义一个自定义构建脚本:
"scripts": { "build": "glimmer-build --format amd --environment production --output my-output-folder" }
上面的脚本将使用 AMD 格式构建应用程序,并把它们输出到 my-output-folder 目录下。
插件
@glimmer/build 还有许多插件可以用来扩展应用程序的构建过程。这些插件可以在应用程序的构建配置文件中进行配置,例如:
-- -------------------- ---- ------- -- ---------------- ----- ---------- - ---------------------------------------------------- -------------- - ------------------ - --- --- - --- -------------------- - -- -- ---- -- ------------ --- -- -- ---------- -- ------------------ --- -- -- --- ---- ----------- - -------- -- ------- ------------------------- -- -- -- -------- ----------------- - -------- ---- -- -- -------- ------- - ------------------ ----------------- - --- ------ ------------- -
总结
通过本文,你应该已经了解了如何使用 @glimmer/build 来构建 Glimmer 应用程序。我们学习了如何通过命令行工具创建一个新的 Glimmer 应用程序,如何构建应用程序以及如何使用构建插件来定制应用程序的构建过程。希望本文对你有指导意义。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/88367