打包警告：chunk common [mini-css-extract-plugin]Conflicting order between:

1.问题

webpage5 打包告警：

chunk common [mini-css-extract-plugin]
Conflicting order between:

2.解决方案：

- vue.config.js配置

// vue.config.js
module.exports = {
  // ...,
  css: {
    extract: {
      ignoreOrder: true
    },
  }
};

或者：调整组件引入的顺序

3.原因

mini-css-extract-plugin 生产环境打包的时候会启用，css引入顺序不一致就会发出警告；

关于 [mini-css-extract-plugin] Conflicting order. Following module has been added: 异常的参考资料 ：

• https://laysent.com/til/2019-...
• https://github.com/webpack-co...
• https://github.com/webpack-co...