首页 > 其他 > 详细

Sass的使用

时间:2019-08-16 19:11:07      阅读:89      评论:0      收藏:0      [点我收藏+]

1、在Vue项目中使用Sass

用 vue-cli 生成的 Vue 项目,在项目中使用 Sass 需要安装两个依赖包:

 //安装下面的包时可能会报错,此时可以使用 cnpm 淘宝镜像进行安装
npm install node-sass --save-dev   
npm install sass-loader --save-dev

然后修改 webpack.base.config.js 文件,修改 module 下的 rules :

module: {
   rules: [
       ...
      {
          test: /\.scss$/,
          loaders: ["style", "css", "sass"]
       }
       ...
   ]

}    

在 vscode 中使用 sass 语法可能会提示语法错误,但是编译运行都没问题,此时修改 vscode 的设置:先安装vetur插件,在vscode的设置中添加:  "files.associations": { "*.vue": "vue" }

2、Sass 的基本语法

 

Sass的使用

原文:https://www.cnblogs.com/wenxuehai/p/11365210.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!