MiniCssExtractPlugin не добавляет css в основной. css файл asp. net ядро

Question

Я пытаюсь добавить MiniCssExtractPlugin в свой проект asp. net с помощью webpack. Но webpack не добавляет мой css в файл main. css. При генерации он пуст.

это мое приложение. js файл

require('../css/test.css')

это мой webpack.config. js файл

const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const PurgecssPlugin = require('purgecss-webpack-plugin')
const glob = require('glob-all')
var path=require('path');

module.exports = {
    entry: './app.js',
    output: {
        path: path.resolve(__dirname, "./wwwroot/dist"), 
      filename: 'main.js'       
    },
    watch:true,
    plugins: [
        new MiniCssExtractPlugin({
              filename: "[name].css",
             //chunkFilename: "[id].css"
          }),
           new PurgecssPlugin({
              paths: glob.sync(['./Views/Shared/*.cshtml','./Views/**/*.cshtml','./Areas/Admin/Views/**/*.cshtml'], { nodir: false })
            }),
          ],
    module:{
        rules:[
            {
                test: /\.css$/i,
                exclude:'/node_modules/',
                sideEffects: true,
                use: [

                  MiniCssExtractPlugin.loader,'css-loader'                                    
                  
              ]
            },

               ]
    },
    
  };