语言►Sass

Sass的命令行界面

本文作者: jsweibo

本文主要讲述了：

单对单模式一次只能处理一个文件。

示例：将foo.sass编译到foo.css

1
2
3

#!/usr/bin/env bash

npx sass foo.sass foo.css

示例：将bar.scss编译到bar.css

1
2
3

#!/usr/bin/env bash

npx sass bar.scss bar.css

示例：将foo.sass编译到标准输出

1
2
3

#!/usr/bin/env bash

npx sass foo.sass

示例：将bar.scss编译到标准输出

1
2
3

#!/usr/bin/env bash

npx sass bar.scss

多对多模式支持一次编译多个文件或目录。

注意：当编译目录时，sass 将忽略其中的局部文件（文件名以_开头）

示例：将foo.sass编译到foo.css，将bar.scss编译到bar.css

1
2
3

#!/usr/bin/env bash

npx sass foo.sass:foo.css bar.scss:bar.css

示例：将src/编译到dist/

1
2
3

#!/usr/bin/env bash

npx sass src:dist

示例：将src/编译到src/

1
2
3

#!/usr/bin/env bash

npx sass src

查看 sass 的版本号

1
2
3

#!/usr/bin/env bash

npx sass --version

查看 sass 的帮助文档

1
2
3

#!/usr/bin/env bash

npx sass --help

监听 sass 文件变更并编译

示例：监听src/的 sass 文件变更并编译到dist/

1
2
3

#!/usr/bin/env bash

npx sass --watch src:dist

不输出 sourcemap 文件。

示例：

1
2
3

#!/usr/bin/env bash

npx sass --no-source-map src:dist

配置 sourcemap 文件中指向 sass 源文件的路径是相对路径还是绝对路径。

示例：相对路径

1
2
3

#!/usr/bin/env bash

npx sass --source-map-urls=relative src:dist

示例：绝对路径

1
2
3

#!/usr/bin/env bash

npx sass --source-map-urls=absolute src:dist

将 sass 源文件的内容嵌入 sourcemap 文件。

示例：

1
2
3

#!/usr/bin/env bash

npx sass --embed-sources src:dist

将 sourcemap 文件的内容嵌入 CSS 文件。

示例：

1
2
3

#!/usr/bin/env bash

npx sass --embed-source-map src:dist

本文作者： jsweibo
本文链接： https://jsweibo.github.io/2019/08/25/Sass%E7%9A%84%E5%91%BD%E4%BB%A4%E8%A1%8C%E7%95%8C%E9%9D%A2/
版权声明： 除非另有说明，否则本网站上的内容根据署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。