nuxt 配置全局scss

作者：System 时间：2024年08月15日分类：所有,css 字数：628

在Nuxt.js中配置全局SCSS，你需要按照以下步骤操作：




npm install --save-dev node-sass sass-loader




// nuxt.config.js
export default {
  css: [
    '~/assets/scss/global.scss'
  ],
  // 其他配置...
}




// assets/scss/global.scss
$primary-color: #3498db; // 定义主题颜色变量
 
body {
  color: $primary-color; // 使用变量设置body文本颜色
}
 
// 其他全局样式...

现在，每当你启动Nuxt.js应用时，它都会加载并编译你的全局SCSS文件，并将样式应用到你的应用中。