PostCSS Extract

PostCSS plugin to extract css inside @at-rules into separate files.

.foo {
  @critical {
    height: 40px;
  }
  text-decoration: underline;
}

@critical {
  .bar {
    background-color: tomato;
  }
}

styles.css

.foo {
  text-decoration: underline;
}

extracted.css

.foo {
  height: 40px;
}
.bar {
  background-color: tomato;
}

Usage

postcss([
  require('postcss-extract')({
    extract: {
      // keys are @at-rules, values are files to extract @at-rules content
      critical: path.join(__dirname, './relative/path/to/file.css')
    }
  })
])

See PostCSS docs for examples for your environment.

License

MIT © Maxim Samoilov