css file not being created why?

Question

WordPress

let path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const conf = {
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, './dist/'),
        filename: 'main.js',
        publicPath: 'dist/',
    },
    
    module: {
        
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                // exclude: '/node_modules/'
            },
            {
                test: /\.css$/,
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader,
                        options: {
                            esModule: true,
                        }
                    },
                    'style-loader','css-loader'
                ]
            }
        ]
        
    },
    plugins: [new MiniCssExtractPlugin({
        filename: '[name].css',
        chunkFilename: '[id].css',
    })],
}

module.exports = (env,options) => {
    let production = options.mode === 'production';

    conf.devtool = production ?  'source-map' : 'eval-soursemap'

    return conf
}

Why is the file not being created in dist, the css file is not being created, I ran both dev and prod, what is the problem, it does not give errors when starting

Answer 1

Problem solved for Divi theme. The header.php file contains two search forms: the first as a module (I have line 151), the second as a header element (I have line 320). The problem was that I was making changes to the module line. After staging

<input type="hidden" name="post_type" value="product" />

in the header element, the problem was solved.

Answer 2

In the theme search file (searchform.php) add

<input type="hidden" name="post_type" value="product">

Answer 3

As an option, replace the output of the standard search with a woocommerce search or write a function in the functions.php file

function search_product($query) {
    if ($query->is_search) {
        $query->set('post_type', 'product');
    }
    return $query;
}
add_action('pre_get_posts','search_product');

Answer 4

Tell me, did you manage to solve this problem? Also interested in this question, the same situation.

Answer 5

Suddenly, who needs it, removed 'style-loader' and everything worked, I think that this plugin conflicted with it