美文网首页
sass编译

sass编译

作者: 云桃桃 | 来源:发表于2019-04-10 18:33 被阅读0次

命令行编译配置选项

  • --watch 实时监听
  • --style 编译格式:
    • 表示解析后的css是什么排版格式;
    • sass内置有四种编译格式:nested(默认模式)、 expandedcompactcompressed
  • --sourcemap表示开启sourcemap调试。开启sourcemap调试后,会生成一个后缀名为.css.map文件。

监听文件|文件夹写法

//单文件转换命令
sass input.scss output.css

//单文件监听命令
sass --watch input.scss:output.css

//如果你有很多的sass文件的目录,你也可以告诉sass监听整个目录:
sass --watch app/sass:public/stylesheets

综合配置项写法

//编译格式
sass --watch input.scss:output.css --style compact

//编译添加调试map
sass --watch input.scss:output.css --sourcemap

//选择编译格式并添加调试map
sass --watch input.scss:output.css --style expanded --sourcemap

//开启debug信息
sass --watch input.scss:output.css --debug-info

相关文章

  • sass使用

    sass编译和介绍 安装vscode插件Live Sass Compiler编译sass 开启watch sass...

  • 安装-编译

    安装 安装node-sass来编译sass文件 安装ruby来编译sass文件 编译 node-sass 使用we...

  • gulp常用插件整理(持续更新)

    gulp常用插件整理 1.gulp-sass(sass编译) 2.gulp-compass(sass编译) 3.g...

  • gulp常用插件整理

    gulp常用插件整理 1.gulp-sass(sass编译) 2.gulp-compass(sass编译) 3.g...

  • webpack编译sass

    参考 webpack loaderssass 编译Sass webpack编译sass需要使用到的loader: ...

  • sass入门学习总结

    总论 sass 经cass编译器编译成css。sass 兼容了css语法。sass 带有变量,mixin,循环,简...

  • 前端自动化-sass篇

    1、Grunt 配置 Sass 编译的示例代码 2、Gulp 配置 Sass 编译的示例代码

  • Hbuilder scss/sass编译 插件

    1. 安装插件 工具 -> 插件安装 -> scss/sass编译 -> 安装安装 scss/sass编译 插件 ...

  • Gulp案例

    样式编译 yarn add gulp-sass sass --dev 脚本编译 yarn add gulp-bab...

  • sass入门

    编译 使用 sass --watch监控文件的改变,并对其进行实时编译语法: sass --watch input...

网友评论

      本文标题:sass编译

      本文链接:https://www.haomeiwen.com/subject/hdboiqtx.html