Does not delete js files...

This is my config:

const config = {
    target: "web",
    entry: {
        vendor: [
            'js/bootstrap.js',
            'js/classie.js',
            'js/html5element.js',
            'js/html5shiv.js',
            'js/jquery.1.8.3.min.js',
            'js/jquery.easing.1.3.js',
            'js/jquery.isotope.js',
            'js/jquery-scrolltofixed.js',
            'js/respond-1.1.0.min.js',
            'js/wow.js',

            'css/animate.css',
            'css/bootstrap.css',
            'css/font-awesome.css',
            'css/linecons.css',
            'css/responsive.css',
        ],
        style: ['css/style.css']
    },
    output: {
        publicPath: "/files/",
        path: path.resolve(__dirname, 'public/files'),
        filename: '[name].js',
    },
    devServer: { // https://webpack.js.org/configuration/dev-server
        port: 4444,
        progress: true,
        writeToDisk: true,
    },
    devtool: "source-map",
    plugins: [
        new CleanWebpackPlugin(),
        new FixStyleOnlyEntriesPlugin(),
        new MiniCssExtractPlugin({
            filename: '[name].css'
        }),
    ],
    module: {
        rules: [
            {
                test: /\.html$/,
                use: [
                    'extract-loader',
                    {
                        loader: 'html-loader',
                        options: {
                            // minimize: true,
                            interpolate: true,
                            attrs: ["img:src", "link:href"]
                        }
                    },
                ]
            },
            {
                test: /\.(png|jpe?g|gif)$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            outputPath: 'images/',
                            name: '[name].[ext]'
                        }
                    }
                ]
            },
            {
                test: /\.(woff2?|ttf|eot|svg)(\?.*?)?$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            outputPath: 'fonts/',
                            name: '[name].[ext]'
                        }
                    },
                ]
            },
            {
                test: /\.js$/,
                use: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.css$/,
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader,
                        options: {
                            hmr: false
                        }
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            sourceMap: true
                        }
                    }
                ]
            }
        ]
    },
    resolve: {
        modules: [path.resolve(__dirname, 'src'), 'node_modules'],
    },
    resolveLoader: {
        moduleExtensions: ['-loader']
    }
};

After running webpack-dev-server, the files are generated and the css and js files for the style entry is still there

[vadymmasiuk]

Well, I answered without paying attention to the actual issue.

I don’t think webpack-dev-server works the same as a webpack regular build. Probably something similar to webpack-hot-middleware.

See:

• https://github.com/fqborges/webpack-fix-style-only-entries#i-use-webpack-hot-middleware
• #12
• https://github.com/fqborges/webpack-fix-style-only-entries/blob/master/test/cases/css-entry-with-ignored-hmr/webpack.config.js

Ok, got it, and thanks for quick response. That was actually similar problem to what you have mentioned. Just in case somebody will face similar issue, plugin must be with passed ignoring option, like next:

{
plugins: [
        new FixStyleOnlyEntriesPlugin({ ignore: 'webpack-dev-server' }),
        new MiniCssExtract({
            filename: 'css/[name].css',
            chunkFilename: '[id].css',
        })
    ],
}

[fqborges]

solved!