什么是 @netlify/build
@netlify/build 是 Netlify 公司开发的一个 npm 包，用于帮助开发者在本地构建网站并生成静态文件。它是为了解决 Netlify 开发工作流程中的一个痛点而开发的。
当你在本地开发完一个网站并想上传到 Netlify 上线，往往需要先构建出一堆静态文件，这些文件包括 html、css、js 等等等等，这样才能够上传到 Netlify 并被访问。而使用 @netlify/build 你可以简化这个流程，只需要提供一个入口文件，它就会帮你自动构建出所有需要的文件。
使用方法
安装
首先需要安装 @netlify/build npm 包：
--- ------- -------------- ----------
配置
接下来需要在你的项目根目录下新建一个 netlify.toml 文件，这个文件是 Netlify 需要的配置文件。可以使用下面的代码作为示范，直接复制粘贴到文件中：
- ------------ - -- ------- ---------- ------- ------- - ---- --- ------ - --------------- -------- -- ------- - -------- - ------------- ----- ------- - ---- --- ------
上面代码中：
command 是构建命令，可以根据自己项目的需要修改。
publish 是构建结果输出的目录，这里设置为 public 目录，也可以根据自己项目的需要修改。
编写构建命令
接下来需要在 package.json 文件中编写构建命令，这个命令是用来调用 @netlify/build 包的，具体代码如下：
-
---------- -
-------- -------- ------
-
-编写入口文件
最后就是编写入口文件了。这个文件是告诉 @netlify/build 包如何来构建你的项目的，也就是入口文件要以模块化的方式导出一个函数，这个函数接受一个 options 参数，用来告诉 @netlify/build 如何处理你的项目。
下面是一个示例代码：
-- --------
----- - ------------------- - - --------------------------
----- ---- - ----------------
-------------- - -------- --------- -
---
- -- ------------------- -- ------- --
- ------ ------------------- -------
- ---- ----------------------------
--
----- ------------- - ---------------------
---------- --------------------------- ---------------
--
---
- ---------- ------------- --------
- -------------------
--
------ -
-------- -------------
-
-总结
使用 @netlify/build 包可以帮助你简化本地构建网站的流程，只需要提供一个入口文件，它就会自动构建出所有需要的文件。通过上面的代码示例，你可以根据自己项目的需要来编写入口文件，进一步优化项目的构建流程。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedc34db5cbfe1ea061211f