【vue-element-admin 学习笔记06】scss

常见scss用法

优点:

  • 1.可以层级结构，结构更清晰
  • 2.可以定义常量
<style lang="scss" rel="stylesheet/scss" scoped>
  $space-width: 18px;
  .root-container {
    width: 200px;
    height: 200px;
    .item {
        width: $space-width;
        height: 100px;
    }
  }
</style>

命令如下

npm install style-loader css-loader --save-dev

参考网址: https://github.com/webpack-contrib/sass-loader

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【Hybrid开发高级系列】WebPack模块化专题
    1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,745评论 0赞 16
  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,243评论 0赞 21
  • webpack 从入门到工程实践
    GitChat技术杂谈 前言 本文较长，为了节省你的阅读时间，在文前列写作思路如下： 什么是 webpack，它要...
    萧玄辞阅读 12,721评论 7赞 110
  • webpack知识点汇总
    写在前面的话 阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 3,263评论 0赞 17
  • 2018.1.16
    下午，张老师在群里发了复习的试卷。工作之余用ps处理了一下并打印出来了。每到期末考试前的复习阶段，都会有需...
    云熙_365c阅读 152评论 0赞 0