无法在 WordPress 块插件中加载管理样式

Question

我正在使用此代码将我的 WordPress 管理员特定样式表排入队列。

function enqueue_neatwp_admin_styles() {
    wp_enqueue_style( 'plugin-admin-style', plugin_dir_url( __FILE__ ) . 'build/styles/admin.css', array(), '1.0.0' );
}
add_action( 'admin_enqueue_scripts', 'enqueue_plugin_admin_styles' );

如果

build/styles

目录中已有 CSS 文件，则此方法有效。但是，

npm run start

命令不会将

src/styles

目录中的CSS文件复制到

build/styles

目录中。

我无法使用

src/styles

目录链接，因为我猜测该插件只会随

build

目录的内容一起提供。

如何确保包含并加载我的管理 CSS？

谢谢。

Answer 1

可以通过将

file

字段添加到您的 src/styles/* 以及要包含的文件夹来将

block-name/package.json

的内容包含在插件中：

package.json

{
    "name": "block-name", // your block
     ...
    "files": [
        "src/styles/*"
    ]
}

当您使用 @wordpress/create-block 创建块时，您可以使用

npm run plugin-zip

构建块插件，以将

src/styles

下的所有文件包含到最终

plugin.zip

文件中。

注意： zip 中的文件路径将是

src/styles/

不是

build/styles

，因此请记住更新

wp_enqueue_style

路径以匹配。

如果您的 admin.css 是特定于块的，则

在编辑器中排队资产

文档也可能会有所帮助。