说明:有时候我们不想把css和html代码混在一起来提高SEO,或者其他原因,我们想把nuxt.js的css分离出来,也就是其实很简单。作为记录,让我们与您分享这个话题。下图是提取后的样子。所有的css都放在/nuxt/app.XXX.css中。功能实现:重要的说三遍,就是在nuxt.config.js下的build中添加extractCSS:{allChunks:true}。稍后详细解释;有的朋友会发现npmrundev后没有任何变化,不用担心,试试npmrunbuild;npm开始;这一定是成功的;(只在生产环境有效)原理在文档中提到了webpack的配置(https://github.com/nuxt/nuxt....);打开连接你会发现有两个js:"base.config.js"和"style-loader.js";其实nuxt.js本身已经集成了extract-text-webpack-plugin插件;但extractCSS默认为false;
