1. 安装插件
npm install sass-resources-loader --save-dev
2. vue.config.js文件配置
chainWebpack(config) {
const oneOfsMap = config.module.rule('scss').oneOfs.store
oneOfsMap.forEach(item => {
item
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
// Provide path to the file with resources
// 要公用的scss的路径
resources: ['./src/styles/variables.scss', './src/styles/mixin.scss']
})
.end()
})
},
本文介绍了如何在Vue项目中安装并配置`sass-resources-loader`,以实现全局引入SCSS变量和混合方法。通过在`vue.config.js`文件中设置规则,将`variables.scss`和`mixin.scss`作为公共资源,从而使得整个项目可以访问这些样式资源。

被折叠的 条评论
为什么被折叠?



