Как корректно добавить стили в Gutenberg в Wordpress?

Для добавления стилей в Gutenberg в WordPress можно воспользоваться функцией `wp_enqueue_style`, которая добавляет стили на страницу. Например, чтобы добавить стили для кастомного блока в Gutenberg, можно использовать следующий код:

```php
function my_custom_block_styles() {
    wp_enqueue_style(
        'my-custom-block-styles',
        get_template_directory_uri() . '/css/my-custom-block-styles.css',
        array( 'wp-edit-blocks' )
    );
}
add_action( 'enqueue_block_editor_assets', 'my_custom_block_styles' );
```

Чтобы объединить все файлы стилей блоков на Gutenberg в один файл с помощью Webpack, можно использовать следующий плагин для Webpack - `mini-css-extract-plugin`. Пример конфигурации Webpack с использованием этого плагина:

```javascript
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [MiniCssExtractPlugin.loader, 'css-loader'],
            },
        ],
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'styles.css',
        }),
    ],
};
```

Этот конфигурационный файл Webpack соберет все стили из файлов `.css` в один файл `styles.css`.

под каждый блок подключается свой файл стилей
 
 Это лучше с точки зрения загрузки страницы. 
 Если эти css блока не грузится, когда блок нет на странице, то вообще отлично. 
 
 Я наоборот  написал решение, чтобы при написании кастмоных блоков у каждого был свой js и css, которые будут на странице только при необходимости