引入全局css或者less文件
- 在main.js里直接引入
import '../xx.less'
所有的全局样式都可以在这引入。
- 在index.html中直接 <link> 标签引入
缺点:如果不是cdn的方式引入,以相对绝对路径引入时,在修改webpack打包配置的时候,一定要注意static目录路径是否编译后出错的问题
局部样式
<style scoped>
/*css code*/
</style>
只在组件内部生效,不会污染环境
import '../xx.less'
所有的全局样式都可以在这引入。
缺点:如果不是cdn的方式引入,以相对绝对路径引入时,在修改webpack打包配置的时候,一定要注意static目录路径是否编译后出错的问题
<style scoped>
/*css code*/
</style>
只在组件内部生效,不会污染环境
本文标题:css】全局css文件
本文链接:https://www.haomeiwen.com/subject/zwhhyqtx.html
网友评论