vue 配置 sass
时间: 2023-04-04 10:01:38 浏览: 92
vue2中使用sass并配置全局的sass样式变量的方法
5星 · 资源好评率100%
可以在 vue.config.js 文件中配置 sass,具体步骤如下:
1. 安装 sass-loader 和 node-sass:
npm install sass-loader node-sass --save-dev
2. 在 vue.config.js 文件中添加以下代码:
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `@import "@/styles/variables.scss";`
}
}
}
}
3. 在 src/styles 文件夹中创建 variables.scss 文件,定义 sass 变量。
4. 在组件中使用 sass,例如:
<style lang="scss">
.container {
background-color: $primary-color;
}
</style>
阅读全文