Это моя конфигурация. Это минимизирует файл CSS.
var path = require('path');
var CopyWebpackPlugin = require('copy-webpack-plugin');
var CleanWebpackPlugin = require('clean-webpack-plugin');
var MiniCssExtractPlugin = require('mini-css-extract-plugin');
var OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
var dirName = __dirname;
var contextPath = path.resolve(dirName + '/src');
var distPath = path.resolve(dirName + '/dist');
var prodPath = path.resolve(dirName + '/build');
var pathsToClean = [
'dist',
'build'
];
var cleanOptions = {
root: path.resolve(__dirname),
verbose: false,
dry: false
}
module.exports = {
target: 'web',
mode: "production",
entry: {
server: path.resolve(contextPath + '/entry.js'),
css: path.resolve(contextPath + '/Common/common.css')
},
output: {},
optimization: {
minimizer: [
new OptimizeCSSAssetsPlugin({})
]
},
plugins: [
new CleanWebpackPlugin(pathsToClean, cleanOptions),
new MiniCssExtractPlugin([
{
filename: path.resolve(contextPath + '/Common/common.css'),
chunkFilename: path.resolve(prodPath + "/test.min.css")
}
])
],
module: {
rules: [
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
"css-loader"
]
}
]
}
};
Но я хочу передать массив CSS-файлов для минимизации по порядку.
Есть ли в Mini Css плагин для извлечения или оптимизации CSS-плагинов? Или мне нужен какой-то другой плагин?