介绍
@netlify/config 是一个用于 Netlify 网站部署的 npm 包，它提供了一个默认配置以及一组自定义配置选项，来帮助用户更好地配置他们的网站。同时，该包使用了最新的 JavaScript 语法，并集成了 ESLint 和 Prettier，使得代码风格一致且易于维护。
本教程将详细介绍如何使用 @netlify/config 以及其相关的自定义配置选项。
安装
@netlify/config 是一个 npm 包，可以使用以下命令进行安装：
npm install @netlify/config
安装完成后，该包会自动将以下文件和文件夹添加到您的项目中：
- netlify.toml：Netlify 配置文件。
- config：包含所有可用自定义配置选项的文件夹。
配置
默认配置
默认情况下，@netlify/config 为您的网站提供了以下默认配置：
# netlify.toml [build] command = "npm run build" publish = "build/"
这意味着您的项目将使用npm run build作为构建命令，并将构建后的文件发布到build/文件夹中。
自定义配置
如果您需要更改默认配置，或添加其他自定义配置选项，可以在 config 文件夹中创建一个或多个 .js 文件，来自定义您的配置。
以下是一个示例自定义配置文件：
-- -------------------- ---- -------
-- -----------------
-------------- - -
-
-------- -----------------------------------
------- -
------------- ----------------
--
--
-
-------- ------------------------------
------- -
--------------- --
----- -
-------- ---
--
---- -
-------- ---
---------------- --
--
--
--
--上面的配置意味着我们将使用 @netlify/plugin-inline-functions 插件，并将我们的函数文件存储在 src/functions 文件夹中。同时，我们还将使用 @netlify/plugin-image-optim 插件，并使用 4 个并发任务来优化我们的图片，同时使用 75％ 的JPEG质量 和 75％ 的 PNG 质量。
您可以根据自己的需要使用不同的配置选项，详细信息请查看 config 文件夹中的其他默认或自定义配置选项。
使用示例
以下是一个示例 @netlify/config 的使用方法：
- 在您的项目根目录中创建
netlify.toml文件。 - 在
netlify.toml文件中添加以下代码:
-- -------------------- ---- -------
- ------------
-------
------- - ---- --- ------
------- - --------
-----------
------- - ----------------------------------
------ - - -------------- - --------------- -
-----------
------- - -----------------------------
------ - -
-------------- - -
------
------- - --
-----
------- - --
--------------- - -
-- 在您的项目根目录中创建一个
config文件夹。 - 在
config文件夹中创建一个名为plugins.js的文件。 - 在
plugins.js文件中添加以下代码：
-- -------------------- ---- -------
-------------- - -
-
-------- -----------------------------------
------- -
------------- ----------------
--
--
-
-------- ------------------------------
------- -
--------------- --
----- -
-------- ---
--
---- -
-------- ---
---------------- --
--
--
--
--- 运行
npm run build命令，构建您的项目，并将构建后的文件发布到build文件夹中。 - 部署您的项目到 Netlify。
注意，上述示例代码中，functionsSrc 和 src/functions 是对应的，应根据您自己的项目的实际情况进行修改。
结论
通过使用 @netlify/config，您可以轻松地配置您的 Netlify 网站部署。无论是使用默认配置，还是自定义配置选项，都可以在极短的时间内完成。对于那些想要在 Netlify 上使用更高级的功能，比如自定义插件等等，此包将是一个非常有用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc34db5cbfe1ea0612123