K先生个人博客

当前位置:首页 > 爱技术 > 正文

nuxt怎么引入公共的css文件

最近是越来越喜欢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文件(可以忽略)。

这样其实就可以了。

作者K先生本文地址http://www.gold404.cn/info/101

版权声明:本文为原创文章,版权归 K先生个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!

文章评论

* 必填
可选
可选

评论列表

  • 11

    2020-11-02 21:05 来自chrome浏览器 回复
    • wangbo游客1

      2020-11-02 21:05来自Chrome浏览器