gulp-amp-custom

gulp-amp-custom

Gulp plugin to optimize CSS source for AMP HTML.

amp-custom is the core library.

Install

npm install --save-dev gulp-amp-custom

Use

const gulp = require('gulp');
const ampCustom = require('gulp-amp-custom');

gulp.task('test', () => {
    return gulp.src('./src/test.css')
        .pipe(ampCustom({
            enableByteLimit: true
        }))
        .pipe(gulp.dest('./dist/'));
});

/* ./src/test.css */
@charset "UTF-8";
body {
  font-size: 16px;
}
@page {
  margin: 15mm;
}
@page hoge {
  size: portrait;
  margin: 15mm;
}
a {
  color: #39c !important;
  text-decoration: none;
}
@viewport {
  min-width: 640px;
  max-width: 800px;
}
@supports not (display: flex) {
  .flexbox {
    overflow: hidden;
  }
  .flexbox div {
    float: left;
  }
}

/* ./dist/test.css */
body{font-size:16px}a{color:#39c;text-decoration:none}

Options

enableByteLimit

Type: Boolean

If the CSS source exceeds 50 KB, it issues an error.(Default: false)

Plugins

• amp-custom
• postcss-amp-custom

License

MIT License.