【问题标题】:Add timestamps to compiled sass/scss为编译的 sass/scss 添加时间戳
【发布时间】:2012-10-12 21:55:59
【问题描述】:

是否可以使用 SASS 在编译的 CSS 文件上自动添加时间戳? 例如

/* CSS Compiled on: {date+time} */
...compiled css goes here...

我查看了 SASS 和 Compass 文档,但没有提及此类功能。

【问题讨论】:

    标签: css compass-sass sass


    【解决方案1】:

    我不知道任何内置的 SASS 或 Compass 功能,但添加自定义 Ruby 函数来实现它并不难。 (参见 SASS 参考文献here 中标题为“Adding Custom Functions”的部分。)

    您的带有 Ruby 函数的文件将如下所示(我们称之为“timestamp.rb”):

    module Sass::Script::Functions
        def timestamp()
            return Sass::Script::String.new(Time.now.to_s)
        end
    end
    

    你会像这样在你的 SASS 文件中引用新的时间戳函数:

    /*!
     * CSS Compiled on: #{timestamp()}
     */
    

    您只需要确保在编译 SASS 时加载“timestamp.rb”文件,方法是从 Compass 配置文件中要求它,或者在 SASS 命令行中使用 --require 参数。当一切都说完了,你应该得到如下输出:

    /*
     * CSS Compiled on: 2012-10-23 08:53:03 -0400
     */
    

    【讨论】:

    • 我如何从 config.rb 中要求它?
    • @barraponto 在 config.rb 文件中包含这样的一行(假设 timestamp.rb 与 config.rb 在同一目录中):require File.join(File.dirname(__FILE__), 'timestamp.rb')
    • @hopper,这很好用,我刚刚将该函数添加到我的 config.rb 文件中。再次感谢。
    【解决方案2】:

    如果您使用的是命令行版本的 SCSS,您可以执行以下操作:

    1. 安装sass-timestamp

      gem install sass-timestamp

    2. 在您的代码中使用它,例如(请参阅documentation 了解更多信息)

      /* Compiled on #{timestamp()} */

    3. 在命令行中需要它

      scss -r sass-timestamp ...

    4. 输出将是

      /* Compiled on 2015-02-02 13:01:40 +0800 */

    注意:使用#{unix_timestamp()} 作为unix 时间戳

    【讨论】:

      【解决方案3】:

      不知道大家是否需要(因为这个问题很久以前就回答过了), 但一个简单的解决方案是写时间戳/日期 到单个 sass/scss 文件作为 SASS 变量, 将它们导入到时间戳应该所在的位置 然后让 sass 中的评论将它们写出来。

      无需安装、编译或其他任何东西 - 只需使用脚本和 sass:

      1.) 将时间戳写入单独的 sass 文件:(这里是 dos 脚本,但您也可以使用任何其他脚本/语言来生成简单文件):

      echo $BuildTimeStamp : "%date% %time%"> _timestamp.scss 
      

      2.) 导入带有时间戳的生成文件:

      @import '_timestamp.scss';
      

      3.) 将标题写为注释:

      /*! Automatic build at: #{$BuildTimeStamp} */
      

      在调用原始 sass 命令之前写入时间戳 它也可以在不需要安装、构建或做任何其他事情的情况下工作。

      【讨论】:

        猜你喜欢
        • 2018-10-11
        • 2017-12-31
        • 1970-01-01
        • 2015-01-15
        • 1970-01-01
        • 1970-01-01
        • 2013-11-02
        • 2021-08-01
        • 2014-01-24
        相关资源
        最近更新 更多