当前位置: 代码迷 >> 综合 >> nuxt 中使用scss
  详细解决方案

nuxt 中使用scss

热度:18   发布时间:2023-12-15 07:34:45.0

1 安装

    npm 安装,或者直接复制到package.json 中 使用npm i

    "node-sass": "^4.13.1",

    "sass-loader": "^8.0.2",

    "scss-loader": "0.0.1"

 

 

2 配置全局css样式,

   1 全局common.scss 配置成全局css

    2 配置 

3 配置全局变量可以全局使用

  1 安装这个 @nuxtjs/style-resources

  2 配置 这个

 styleResources: {     

    scss: './assets/common.scss'

  }, 

 

在modules 中添加一项

  modules: [

    '@nuxtjs/style-resources' 

  ],

  相关解决方案