grunt sass 向输出文件添加注释答案

【问题标题】：grunt sass add comment to output filegrunt sass 向输出文件添加注释
【发布时间】：2014-10-03 08:27:32
【问题描述】：

我正在使用 grunt sass 在 Wordpress 主题中输出我的 CSS。

我通常会将我的 css 输出到 thestyles.css 并在 style.css 中使用 @import(thestyles.css)

我正在使用 respond.js，所以我不能在 style.css 文件中使用 @import。

我想将我的 css 直接输出到 style.css，但我需要 Wordpress 顶部的 cmets。

*/
Theme Name: Forum
Theme URI: 
Description: 
Author:
Author URI: 
Version: 1.0
Tags:
/*

我可以用banner来添加cmets吗

sass: {
  dist: {
    options: {
      banner:
      '
      */
      Theme Name: Forum
      Theme URI: 
      Description: 
      Author:
      Author URI: 
      Version: 1.0
      Tags:
      /*
      '
    },
    files: {
      "src/php/wp-content/themes/forum/style.css": "src/sass/forum/output.scss"
    }
  }
},

【问题讨论】：

Sure.

标签： wordpress sass gruntjs

【解决方案1】：

你应该放一个 !所以横幅不会被缩小器删除。

您也可以像这样从 package.json 中提取您的信息：

在 Gruntfile.js 中

pkg: pkg: grunt.file.readJSON('package.json'),
sass: {
  dist: {
    options: {
      banner: '/*!\n' +
              ' * Theme Name: Forum\n' +
              ' * Theme URI: <%= pkg.url %>\n' +
              ' * Description: <%= pkg.description %>\n' +
              ' * Author: <%= pkg.author.name %>\n' +
              ' * Author URI: <%= pkg.author.email %>\n' +
              ' * Version: <%= pkg.version %>\n' +
              ' * Tags:\n' +
              ' */\n'

【讨论】：

【解决方案2】：

遗憾的是，在 v0.9.0（2015 年 2 月发布）中，baner 选项已从 grunt-contrib-sass 中删除。我使用了这个任务grunt-banner，它工作得很好。

【讨论】：