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