Я добавляю LESS и загрузчик CSS вместе для обоих типов файлов.Это накладные расходы для веб-пакета?

Question

Вот файл webpack.config.js

module: {
    rules: [
        {
            // LESS-CSS Loader
            test: /\.(le|c)ss$/,
            use: [
                {
                    loader: MiniCssExtractPlugin.loader,
                },
                require.resolve('css-loader'),
                require.resolve('less-loader')
            ]
        }
    ]
}

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

Answer 1

, если вы хотите применить эти загрузчики только для меньшего количества файлов, тогда измените ваш тест на test: /\.less$/,, для этого все еще требуются как меньший, так и загрузчик css, а затем добавьте еще один загрузчик только для определенных CSS

 {
   test: /\.css$/,
   use: require.resolve('css-loader')
 }