我已经创建了一个自定义块，可以在同一个插件中创建另一个自定义块，但如果我继续，它会变得一团糟，因为所有事情都必须在同一个索引中完成。js文件和php文件，似乎是这样。这对我来说是新的，所以也许有一种简单的方法可以做到这一点。

但我尝试创建一个blocks文件夹，然后在其中放置一个src文件夹和一个索引。js文件，因此每个块文件夹基本上都有自己的css文件和js文件等。但当我运行npm run start时，它不会像在根目录中那样在子文件夹中创建构建文件夹。

因此，我当前的文件夹结构如下所示：

build 
index.php
package.json
src
 - index.js
 - index.scss

build
index.php
hero.php
call-to-action.php
package.json
blocks
 - hero
  -- src
    --- index.js
    --- index.scss
 - call-to-action
  -- src
   --- index.js
   --- index.scss

package.json

{
  "name": "custom-blocks",
  "version": "1.0.0",
  "description": "",
  "main": "index",
  "scripts": {
    "build": "wp-scripts build",
    "start": "wp-scripts start",
    "test": "echo \\"Error: no test specified\\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@wordpress/scripts": "^19.1.0"
  }
}

index.php

<?php
/*
Plugin Name: custom blocks
Description: custom blocks
Version: 1.0
Author: ...
Author URI: ...
License: GPLv2 or later
*/

if ( ! defined( \'ABSPATH\' ) ) exit;

class myCustomBlocks {
    function __construct() {
        add_action(\'init\', array($this, \'adminAssets\'));
    }
    
    function adminAssets() {
        wp_register_style(\'quizeditcss\', plugin_dir_url(__FILE__) . \'build/index.css\');
        wp_register_script(\'ournewblocktype\', plugin_dir_url(__FILE__) . \'build/index.js\', array(\'wp-blocks\', \'wp-element\', \'wp-editor\'));
        register_block_type(\'ourplugin/hero-block\', array(
            \'editor_script\' => \'ournewblocktype\',
            \'editor_style\'  => \'quizeditcss\',
            \'render_callback\' => array($this, \'theHTML\')
        ));
    }

    function theHTML($attributes) {
       ob_start(); ?>
            <p>Here is some data: <?php echo esc_html($attributes[\'someAttribute\']); ?></p>
       <?php return ob_get_clean();
    }
}

$myCustomBlocks = new myCustomBlocks();

index.js

import "./index.scss";
import {
  TextControl,
  Flex,
  FlexBlock,
  FlexItem,
  Button,
  Icon,
} from "@wordpress/components";

wp.blocks.registerBlockType("ourplugin/hero-block", {
  title: "Hero block",
  icon: "smiley",
  category: "common",
  attributes: {
    title: {
      type: "string",
    },
  },
  edit: EditComponent,
  save: function () {
    return null;
  },
});

function EditComponent(props) {
  return (
    <div className="some-jsx">
      Some block jsx here
    </div>
  );
}