美文网首页
sass命令

sass命令

作者: 回不去的那些时光 | 来源:发表于2018-11-28 14:59 被阅读3次

1、将scss转化成css
sass test.scss test.css

2、将scss文件转化成css时进行监听
sass --watch input.scss:output.css

3、编译时对文件夹进行监听

  sass --watch 源文件夹:编译之后的文件夹
  sass --watch scss:css

4、SASS提供四个编译风格的选项:

nested:嵌套缩进的css代码,它是默认值。
expanded:没有缩进的、扩展的css代码。
compact:简洁格式的css代码。
compressed:压缩后的css代码。

生产环境当中,一般使用最后一个选项
sass --style compressed test.sass test.css

相关文章

  • sass AND compass

    SASS 配置环境sass是基于Ruby;安装Ruby,在命令行输入以下命令gem install sass 编译...

  • 入门Sass——编译

    命令行编译 //单文件转换命令sass input.scss output.css //单文件监听命令sass -...

  • 今天开始玩sass了

    开始sass之前要先安装ruby,用ruby再安装sass 此处忽略sass安装步骤 cmd命令行中输入sass ...

  • day10

    A:今天学到的内容 下载sass 输入命令行 gem install sass 一、sass的语法 1、变量 2、...

  • Sass编译

    一、命令编译 命令编译是指使用你电脑中的命令终端,通过输入 Sass 指令来编译 Sass。 多文件编译文件结构如...

  • npm运行gulp报错

    在执行gulp sass命令时遇到报错: gulp sass[11032]: src\node_contextif...

  • sass文件命令行编译

    有时候确实需要命令行手工编译,以下命令备忘 sass xx.sass xx.css --style expande...

  • sass命令

    1、将scss转化成csssass test.scss test.css 2、将scss文件转化成css时进行监听...

  • gulp-ruby-sass与gulp-sass

    gulp-ruby-sass 它使用Sass gem编译Sass,将结果输出到一个gulp流 安装命令npm in...

  • vue3.x 中安装sass

    首先执行以下命令安装 style-resources-loader 然后安装node-sass sass-load...

网友评论

      本文标题:sass命令

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