1. 简介
@shopify/build-targets 是 Shopify 官方开发的前端构建工具，可以使用它快速编译、打包和构建前端应用程序。该包提供了一组预定义 build target（构建目标） 和相关的变量和函数，方便开发者进行选择，以适应它们的应用程序结构和部署方案。
2. 安装
使用 npm 可以轻松地安装 @shopify/build-targets：
npm install @shopify/build-targets --save-dev
3. 使用
3.1 创建一个 build target
为了创建一个新的构建目标，我们需要：
- 定义入口文件
- 指定输出目录和文件名
- 将 BuildTarget 构造函数注册到 @shopify/build-targets 的上下文中
-- -------------------- ---- -------
----- ------------- - ----------------------------------
----- ------------- - --- -------------
------ -------------------------
------- -
---- --------
----- -------------------
--
---
-------------------------------------------------上面的代码创建了一个名为 @myorg/myBuildTarget 的构建目标，并使用 ./customize/myBuildTarget.config.js 文件中的配置选项。
3.2 使用创建好的 Build Target
通过 BuildTarget 类注册一个构建目标之后，就可以在项目中使用它了。我们可以通过在命令行中执行下面的命令执行构建目标：
yarn build --target @myorg/myBuildTarget
也可以在 webpack 配置文件中使用：
-- -------------------- ---- -------
----- ------- - ----------------------------------
-------------- - ---------------------------
-- --------
------- -
---- --------
----- -------------------
--
-- --
------ -------------------------
-- --
-------- -
-- ---- ------- ----
--
-- ----
---------- -
-- ---- --------- ----
--
-- ----------------
------------- -
-- ---- ------------ ----
--
-- ------
----------- -
-- ---- ---------- ----
--
-- -------
-------------- -
-- ---- ------------- ----
--
-- ----
-------------- -
-- ---- ------------- ----
--
-- ----
---- -
-- ---- --- -------- ----- ------- ----
--
---4. 示例
下面是一个基本的示例，演示如何使用 @shopify/build-targets：
-- -------------------- ---- -------
----- ------------- - ----------------------------------
----- ------------- - --- -------------
------ -----------------
------- -
---- --------
----- -------------------
--
---
-------------------------------------------------5. 结论
@shopify/build-targets 是一个优秀的前端构建工具。使用它，可以轻松构建和打包前端应用程序。同时，它还提供了灵活的配置选项和丰富的插件，方便开发者在构建过程中进行各种自定义操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3cd9aedbf7be33b25670bc