sasstastic

用于Python的出色SASS和SCSS编译

安装

pip install sasstastic

运行

sasstastic --help

检查sasstastic是否已安装并获取帮助信息。

用法

定义配置文件 sasstastic.yml

download:
  # downloaded files will be saved in this directory
  dir: styles/.libs
  sources:
    # download a font css file from google fonts and save it to goog-fonts.css
    - url: >
       https://fonts.googleapis.com/css?
       family=Merriweather:400,400i,700,700i|Titillium+Web|Ubuntu+Mono&display=swap
      to: google-fonts.css

    # download a style sheet from select2, this will be saved to "select2.css" as
    # the name can be inferred from the url
    - url: 'https://raw.githubusercontent.com/select2/select2/4.0.13/dist/css/select2.css'

    # download the full bootstrap 4 bundle and extract the scss files to the bootstrap/ directory
    - url: https://github.com/twbs/bootstrap/archive/v4.4.1.zip
      extract:
        'bootstrap-4.4.1/scss/(.+)$': bootstrap/


# SCSS and SASS files will be build from this directory
build_dir: styles/
# and saved to this directory
output_dir: css/
# the output directory "css/" will be deleted before all builds
wipe_output_dir: true

然后运行 sasstastic 来构建您的sass文件。

注意

• 如果 sasstastic.yml 文件不在当前工作目录中，您可以将其路径作为参数传递给sasstastic，例如 sasstastic path/to/sasstastic.yml 或只是 sasstastic path/to/
• 默认情况下，在 sasstastic.yml 中定义的路径： download.dir，build_dir 和 output_dir 是相对于 sasstastic.yml 文件的**相对路径**
• 您可以使用CLI的 -o 参数覆盖输出目录 ouput_dir，有关更多信息，请参阅 sasstastic --help
• sasstastic可以在“开发”或“生产”模式下构建
  • 在 开发 模式下，CSS不会压缩，会创建一个映射文件，并将 build_dir 和 download.dir 中的所有文件复制到 output_dir 中，以便映射文件可以正确工作
  • 在 生产 模式下，CSS会压缩，不会将其他文件添加到 output_dir