介绍
wp-boilerplate 是一个适用于 WordPress 主题开发的 npm 包。它提供了一个现代化的开发环境，其中包括 webpack、Babel、PostCSS 等工具，并且能够使得你的代码在现代浏览器中表现良好。
当你想要构建一个 WordPress 主题而不想使用传统的 PHP 开发方式时，wp-boilerplate 很可能是一个有用的开发工具。
安装和使用
使用 wp-boilerplate 的第一步是从 npm 上安装它。你可以通过在命令行中输入以下内容安装：
npm install wp-boilerplate-g
接下来，在 WordPress 主题文件夹下运行一个初始化的过程：
npx wp-boilerplate init
这个命令会让你选择应用的名称、描述、作者等信息。完成之后，它会在主题目录下创建一个现代化的开发环境。
现在，你就可以使用 npm 命令来运行这个主题：
npm run dev
这个命令会将你的代码进行编译并且在一个本地服务器中运行。在这个过程中，你可以通过 http://localhost:8080 访问你的开发环境，并且可以在浏览器中随时看到你的代码的变化。
自定义配置
wp-boilerplate 的默认配置是合理的，但是你可能希望对它进行针对性的配置。例如，你可能需要为自己的主题添加一些自定义的 SASS 样式或者使用其他插件。
wp-boilerplate 提供了一个 webpack.config.js 文件使得你可以根据需要进行自定义配置。
在这个文件中，你可以添加或者删除需要的插件、修改 webpack 的各种设置，或者添加任何需要的特定行为。
下面是一个简单的 webpack 配置示例，使得你的 SASS 文件可以正常工作：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------------------- - -----------------------------------
-------------- - -
-- ------
------- -
------ -
-
----- -----------------
---- -
----------------------------
-------------
--------------
--
--
--
--
-------- -
--- ----------------------
--------- ------------
---
--
-- ------
--之后，你可以使用 npm run dev 命令来重新编译并运行你的主题。
发布代码
当你完成了主题的开发，并且准备好将它发布到外部世界时，你可以使用以下命令来构建你的代码：
npm run build
这个命令会将你的代码进行压缩，提取出你使用的样式文件并且创建一个可以发布的主题文件夹。
最后，你可以将整个主题文件夹上传到你的 WordPress 网站的主题目录下，并且激活这个主题。
结论
使用 wp-boilerplate 可以使得你的主题开发变得简单而且现代化。它提供了一个并不复杂的 npm 包，并且能够让你在 WordPress 开发中体验到现代化前端工具的乐趣。我们希望这个教程可以对你的 WordPress 主题开发过程有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005562281e8991b448d3100
