使用wp-scripts自动重构多个块的JS文件(通过block.json)

首先需要在PHP文件中注册多个块

  • 路径后面会自动补全 block.json 文件
  • 路径需要为构建后输出文件的目录
function create_block_code_block_init()
{
    register_block_type(dirname(__FILE__) . '/build/block-one');
    register_block_type(dirname(__FILE__) . '/build/block-two');
}

add_action('init', 'create_block_code_block_init');

block.json 文件中的 editorScript 字段中,填入的是构建前的JS文件路径

例如 /src/block-one/block.json

    ....
    "editorScript": "file:./index.js",
    "editorStyle": "file:./index.css",
    "style": "file:./style-index.css"

wp-scripts 在自动构建后,在 build/block-one 目录下就有构建好的index.js文件、index.cssstyle-index.css文件

block-two 也这样填