javascript - Webpack 4 编译的 less/css 有错误的顺序

Question

我有一个style.less导入 css 和较少文件的文件，如下所示：

@import './less/bootstrap.less';
@import './css/workflowMap.css';

在编译的文件中，我有一个反向输出（首先是 workflowMap.css，然后是 bootstrap.less）

我的 webpack 配置如下：

    {
        test: /\.(le|c)ss$/,

        use: [
            "style-loader",
            MiniCssExtractPlugin.loader,
            "css-loader",
            {
                loader: "postcss-loader",
                options: {
                    plugins: loader => [require("autoprefixer")]
                }
            },
            {
                loader: "less-loader",
                options: {
                    modifyVars : { ...globalVars },
                    paths: [...paths]
                }
            }
        ]
    },

标签： javascriptwebpacklesswebpack-style-loader