nuxt怎么引入公共的css文件

K先生 2020-10-25 爱技术3957

最近是越来越喜欢vue了，但是用vue做项目有一个不好的地方就是seo问题，vue官方推荐的解决方法就是nuxt，所以现在安排上了。看看nuxt的官网，建了一个项目，因为我本身比较喜欢把css都写到一个文件里，不喜欢vue在每个文件里都写（主要是因为打包的时候会生成很多的css文件）。

所以，我们来看一下，nuxt怎么引入公共的css文件，很简单。

第一步：在assets文件夹下新建base.css文件

第二步：在nuxt.config.js中找到css配置。

css: [
    'element-ui/lib/theme-chalk/index.css',
    'assets/base.css'
  ],

我这里也引入了element-ui的css文件（可以忽略）。

这样其实就可以了。