Как я могу передать порядок css (s) как массив, который будет минимизирован в webpack 4? - PullRequest
0 голосов
/ 12 ноября 2018

Это моя конфигурация. Это минимизирует файл 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-плагинов? Или мне нужен какой-то другой плагин?

...