Nuxtjs怎样使用全局scss、less

首先需要安装 npm 插件 @nuxtjs/style-resources

然后在 nuxt.config.js 中进行配置

export default {

  ...

  css: [
    {src:'~assets/css/index.scss',lang:'scss'}//引入你的scss文件
  ],

  ...

  modules: [
    '@nuxtjs/style-resources',//引入模块
  ],

  styleResources: {
    scss: '~assets/css/index.scss',//scss入口文件
  }
    
  ...

}

然后就可以在 vue 文件中使用 scss 语法

<template></template>

<script></script>

<style lang="scss" scoped>
div{
    color:$primary;
}
</style>

---

个人博客👉：点此进入（http://xueshuai.top）

PHP学习交流群👉：PHP学习交流群

前端学习交流群👉：前端交流群

微信公众号👉：叮当Ding