Question

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

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

我使用的是response.js所以我无法在style.css文件中使用@import。

我想直接输出我的css到style.css但是我需要在WordPress顶部的注释。

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

我可以使用横幅添加评论吗

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"
    }
  }
},

Answer 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'

Answer 2

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

grunt sass为输出文件添加注释

2 个答案: