WebDevStudios为开发人员发布块脚手架工具

WebDevStudios 发布了自定义块脚手架工具 周二向公众开放。它是核心WordPress脚本的分支,该脚本在2月与之同时推出 古腾堡7.4。目标是允许插件开发人员开始构建,而无需构建甚至最基本的块都需要的所有繁琐设置。

该脚本作为标题为npm的软件包提供 @ webdevstudios / block。核心软件包与核心软件包之间的区别之一是增加了WebDevStudios的自定义CSS,JavaScript和PHP编码标准。它利用了 WDS Block Starter 项目来构建初始块插件。该软件包还包括对Sass,PostCSS,Webpack,Babel和ESLint的支持。

WebDevStudios的后端工程师Michael Joseph Panaga说:“一个主要的区别是WDS的块脚手架工具需要一个PHP名称空间。” “ WP核心在其脚手架工具上确实有一个–namespace选项,但它仅用作块的内部名称空间,而不是PHP的名称空间。”

Panaga还指出,从Core的启动器开始自定义构建设置并不容易。他说:“在WDS中,webpack.config.js就在这里,这使开发人员可以轻松地完成他们想做的事情。”

该脚本主要用于构建单块插件,而不是在现有插件中构建块。理想情况下,这将是许多插件开发人员长期采用的方法,尤其是当 阻止目录 成为WordPress更重要的部分。

Panaga在声明中写道:“ WordPress区块开发可能令人生畏。” “已经足够吓人,您需要了解ReactJS,还需要安装和配置webpack,Babel和ESLint等工具。”

该工具需要使用最新版本的Node和npm才能开始使用,大多数WordPress开发人员都应该在其开发环境中拥有该版本。从命令行,开发人员只需要移动到其wp-content / plugins文件夹并运行以下命令:

npm init @ webdevstudios / block [Namespace]/[BlockName]

这将基于BlockName输入创建一个有效的插件。它将随附所有必要的文件和文件夹,以直接进行开发。默认情况下,插件将创建本质上是自定义段落块的内容作为起点。

webdevstudios为开发人员发布块脚手架工具WebDevStudios为开发人员发布块脚手架工具安装后创建的插件文件夹和文件。

该软件包包括一些开箱即用的命令,供开发人员用来构建其自定义块:

  • npm run start –在开发中进行更改时自动构建和编译文件。
  • npm run build –构建最终的生产代码。
  • npm run lint:css –在插件的CSS文件上运行linting。
  • npm run lint:js –在插件的JavaScript文件上运行linting。
  • npm run lint:php –在插件的PHP文件上运行linting。

该脚本易于使用,即使对于新手块开发人员也是如此。在让它安装必要的依赖项并开始构建过程几分钟后,我启动并运行了新的“ Tavern Box”模块。我打开了代码编辑器,做了一些外观上的更改,并在编辑器中进行了测试。

webdevstudios为开发人员发布1块脚手架工具WebDevStudios为开发人员发布1块脚手架工具在编辑器中测试自定义块。

现在,WordPress社区中使用了多种用于启动块构建过程的工具,因此插件开发人员没有理由不去探索新的块思想。我什至可以尝试做一些比此测试中运行的基本彩色框更复杂的事情(随意在评论中提出一些想法)。

像这样:

喜欢加载中……

资源

Total
0
Shares
相关文章