使用nuxtjs如何外部链接模块里面的css？

Question

比如我要加载element-ui组件的css文件。我在nuxt.config.js文件设置：css:['element-ui/lib/theme-default/index.css',],页面是加载了。但是不是外联的形式加载css文件的。而是把整个css的代码全部加载到了当前页面。一看源码，密密麻麻都是。我希望是以类似的形式加载进来的，比如:我看了官方的例子：https://zh.nuxtjs.org/example...查看源代码就会发现，他把两个css文件都加载到了页面内，详细看https://global-css.nuxtjs.org/感觉这样不好。

Answer 1

将你的静态css文件移到static目录;
在next.config.js文件中配置head(以semantic.css为例)
head:{
title:'MyWork',
link:[
{rel:'stylesheet',href:'/semantic.css'}
]
}