1. 安装依赖
首先,确保你已经安装了sass
和sass-loader
:
npm install --save-dev sass sass-loader@10
2.配置Nuxt.js
在nuxt.config.js
文件中,你可以使用styleResources
模块自动加载这些全局的SCSS资源。首先,你需要安装@nuxtjs/style-resources
:
npm install @nuxtjs/style-resources --save-dev
export default {
// 其他配置...
modules: [
'@nuxtjs/style-resources',
],
styleResources: {
scss: [
'~/assets/scss/variables.scss',
'~/assets/scss/mixins.scss'
]
},
// 其他配置...
}