问答

Nuxt如何在页面内引入外部 scss 文件?

作者:admin 2021-04-22 我要评论

由于多个组件样式差不多,想将共同的样式抽出来放在外部scss文件里,需要用的的组件直接引入该样式文件即可。但摸索了很久,发现只能读取css文件,并不能读取scs...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

由于多个组件样式差不多,想将共同的样式抽出来放在外部scss文件里,需要用的的组件直接引入该样式文件即可。但摸索了很久,发现只能读取css文件,并不能读取scss文件(里面的样式代码不能够嵌套)。请教各路大神!!!

scss 文件只生效样式首次嵌套之前的代码
<style lang="scss" scoped>
  @import url('~/assets/styles/xxx.scss');
</style>
css 文件能够生效
<style lang="scss" scoped>
  @import url('~/assets/styles/xxx.css');
</style>
###
@import '~/assets/styles/xxx';

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • Nuxt如何在页面内引入外部 scss 文件?

    Nuxt如何在页面内引入外部 scss 文件?

  • 组件库引用的第三方库的样式文件怎么打

    组件库引用的第三方库的样式文件怎么打

  • fabric 实例化链码的时候出现这样的错

    fabric 实例化链码的时候出现这样的错

  • 小程序多级数组可折叠展开模块问题

    小程序多级数组可折叠展开模块问题

腾讯云代理商
海外云服务器