// vue.config.js
module.exports = {
css: {
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
// @/ 是 src/ 的别名
// 所以这里假设你有 `src/variables.scss` 这个文件
data: `@import "@/variables.scss";`
}
}
}
}
使用 vue 开发时,通过设置 webpack 配置引入了 scss 文件中的变量
开发时,如果组件需要使用对应的变量,如何在 vscode 上开启变量提示