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

Question

由于多个组件样式差不多，想将共同的样式抽出来放在外部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>

Answer 1

@import '~/assets/styles/xxx';