「Vue — css」使用sass/scss并定义全局变量
- 前端
- 昔不亏
- 0
1：安装sass-node
cnpm install sass-node --save --dev 2：安装sass-loader
cnpm install sass-loader --save --dev3：在vue.config.js中进行配置
module.exports = {
css: {
loaderOptions: {
scss: {
// 全局变量样式的地址为assets/css/style.scss
prependData: `@import "~@/assets/css/style.scss";`
},
}
}
}
4：在assets/css/style.scss中定义全局变量
$base-color:red;5：在页面中使用
.title {
color: $base-color;
}
免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。
