2019-06-26vue-cli使用sass

为了使用sass,我们需要安装sass的依赖包

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

修改style标签

打开src目录下的components目录中的Hello.vue文件。
然后修改 style标签如下

<style lang="sass">
//这是缩进形式的sass

<style lang="scss">
//这是嵌套形式的sass
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Sass&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 5,455评论 0 3
  • 创建一个基于 webpack 模板的新项目 全局安装 vue-cli $ npm install --global...
    萧玄辞阅读 5,897评论 0 0
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,192评论 1 4
  • ## Vue进阶 ### 一、vue实例 #### 1.一个基本的vue的实例 ```html {{title}}...
    千锋陈老师阅读 4,014评论 0 1
  • 周末,木子接到闺蜜cc的电话,约她一起逛街、吃饭,木子爽快答应,她正准备趁这短暂的“自由”时间出去放风呐。 好久不...
    子嫣_阅读 1,819评论 1 6

友情链接更多精彩内容