【警告】chunk base [mini-css-extract-plugin] Conflicting order between:

從警告字面上來看，提示是loader加載順序加載問題，webpack裏的loader加載順序是從後往前執行的，就是說寫在最後的loader先進行解析，因而按照提示再從官網修改loader加載順序，修改結果爲

module: {
    rules: [
      {
        test: /\.(sa|sc|c)ss$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
            options: {
              hmr: process.env.NODE_ENV === 'development',
            },
          },
          'css-loader',
          'postcss-loader',
          'sass-loader',
        ],
      },
    ],
  },
複製代碼

而後，運行發現警告仍然存在，再繼續修改幾回順序後，仍是存在警告，轉變方向，最終關閉幾個入口文件一個一個排查，發現問題所在，不是loader加載順序的問題，而是css引入順序的問題，好比a.js 引入兩個css common.css 和 main.css 引入順序是

import 'common.css'
import 'main.css'
複製代碼

而在b.js裏面是

import 'main.css'
import 'common.css'
複製代碼

就形成了警告，雖然警告不影響開發，可是看着不舒服