[Nuxt] config 檔與 css import 順序有關的警告 & .prettierrc 設定

先上解法

https://github.com/nuxt/nuxt.js/issues/4885

extractCSS: { ignoreOrder: true }

如果在 a.vue import 元件的順序為:

import a
import b

在 b.vue import 順序為:

import b
import a

如此就會報警告:

WARN  Error                                                                                                                                         friendly-errors 15:03:04

chunk 0 [extract-css-chunks-webpack-plugin]                                                                                                          friendly-errors 15:03:04
Conflicting order between:

...

.prettierrc 設定請參考 

它優先度高於 .vscode setting
最常用的例如

{

  "semi": false,

  "singleQuote": true,

  "printWidth": 120

}