vue中引入css的几种方式

75 阅读 0 评论 50 点赞

我是靠谱客的博主专注柠檬，最近开发中收集的这篇文章主要介绍vue中引入css的几种方式，觉得挺不错的，现在分享给大家，希望可以做个参考。

1、在main.js中引入

import 'common/stylus/index.styl'

或者

import '@/common/stylus/index.styl'

2、在.vue文件中

@import '../../common/stylus/mixin.styl';

3、在index.html中引入

注：
1.在config目录下的 index.js 里面说明了index.html需要引用的静态资源路径
2.必须放在static目录下面才能引用到

在这里插入图片描述
引用

<link rel="stylesheet" href="./static/css/reset.css"/>

在这里插入图片描述

以上就是专注柠檬为你收集整理的vue中引入css的几种方式的全部内容，希望文章能够帮你解决vue中引入css的几种方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。