postcss-banner

PostCSS Banner

PostCSS plugin to add text banner and footer to resulting file.

Migration from version 1.x

• No spaces are added automatically
• Multi-line mode is default
• Asterisks in multi-line mode are added automatically
• Use inline to turn off multi-line mode

Usage

Add PostCSS Banner to your build tool:

npm install --save-dev postcss-banner

Set banner and footer properties to add banner and/or footer to your resulting css (so use after minifier).

Example:

postcss(require('postcss-banner')({banner: '!\nbanner'}))

yields

/*!
 * banner
 */
.foo {
}

Value will be converted to string and wrapped with spaces by default. Set inline to true to render the comment in a single line.

Example:

var postcss = require('gulp-postcss');
var postcssBanner = require('postcss-banner');

var banner = ' single line comment ';

gulp.task('css', function () {
  return gulp.src('./css/src/*.css')
    .pipe(postcss(
      [
        postcssBanner({
          banner: banner,
          inline: true
        })
      ]))
    .pipe(gulp.dest('./css'));
});

yields

/* single line comment */
.foo {
}

Options

banner

Type: String

The string will be converted in a css comment and put at the beginning of the css file.

footer

Type: String

The string will be converted in a css comment and put at the end of the css file.

inline

Type: Boolean

Render the banner all in one line

License

MIT License © Eugene Datsky

See PostCSS docs for examples for your environment.