bud.config.js

export default async (app) => {
    app.alias('@modules', app.path('node_modules'));

    app
        .entry('app', [
            '@scripts/client/app',
            '@styles/app',
        ])
        .entry('editor', [
            '@scripts/editor/editor',
            '@styles/editor',
        ])
        .entry('admin', ['@styles/admin'])
        .assets(['images']);

    app.setPublicPath('/wp-content/themes/wordpress-gutenberg-starter/public/');

    app.setUrl('http://localhost:3000').setProxyUrl(process.env.WP_HOME).watch([
        'resources/views',
        'resources/styles',
        'resources/scripts',
        'app',
    ]);

    app.eslint
        .extends(['@roots/eslint-config'])
        .setFailOnError(true)
        .setFailOnWarning(false);

    app.stylelint
        .setFailOnError(true)
        .setFailOnWarning(false);

    app.devtool(`eval-source-map`);

    app.build.setRule('svg', {
        test: /\.inline\.svg$/i,
        issuer: /\.js$/,
        use: [
            {
                loader: '@svgr/webpack',
                options: {
                    svgoConfig: {
                        plugins: [
                            {
                                name: 'preset-default',
                                params: { overrides: { removeViewBox: false } },
                            },
                        ],
                    },
                },
            },
        ],
    });
};