nuxt.js 提取css 到 link的方法

說明：有時候咱們不想讓css和html代碼渾在一塊兒，提升SEO，或出於其餘緣由想把nuxt.js 的css分離出來，其實挺簡單的。

特此記錄，與君共勉

正題

下面這張圖片就是提取以後的樣子，全部css 都放到了/nuxt/app.XXX.css中了。

功能實現：

重要的事情說三遍，那就是在nuxt.config.js下的build裏添加 extractCSS: { allChunks: true }這句話。稍後具體說明；

有的盆友會發現，npm run dev 後沒有任何變化，不要着急，試下npm run build; npm start;這樣必定成功了吧；（只有生產環境下有效）

原理

在文檔中有提到webpack的配（https://github.com/nuxt/nuxt....）；

打開鏈接你會發現，有這樣兩個js：「base.config.js」，「style-loader.js」；

其實nuxt.js 本身自己已經集成了extract-text-webpack-plugin這個插件；
只是extractCSS默認爲false；