Taro nutUI 出现 [mini-css-extract-plugin] Conflicting order 报错

1、如果你的文件中出现了下面这种使用方式，在不同的页面中引入相同样式时的顺序不同，mini-css-extract-plugin 插件将认为这是错误的，因为样式的先后顺序可能会影响实际的表现效果。

// a.js
import 'button.css'
import 'cell.css'

// b.js
import 'cell.css'
import 'button.css'

2、由于 NutUI 项目默认推荐使用 unplugin-vue-components 进行组件代码和样式的引入，实际的引入顺序是该插件根据 template 中标签的使用顺序生成的，无法从外部手动调整组件引入顺序以消除此报错。
NutUI 各个组件的样式之间没有冲突，即其顺序是无关紧要的，所以可以通过以下设置来关闭这种错误提示：

// config/index.js
export default {
  mini: {
    miniCssExtractPluginOption: {
      ignoreOrder: true
    }
  }
}

你也可以不使用 unplugin-vue-components 插件这种自动按需引入样式的方式，而是在项目入口处手动注册组件、引入对应组件的样式，这样所有组件样式的顺序由自己控制，当然不会出现这个问题，但是实在很麻烦。