gem-hunter

Rollup plugin for Astroturf.

This plugin basically wraps Astroturf's Babel plugin and provides the extracted css to Rollup.

The babel plugin needs to write the extracted css to disk so rollup can pick it up again. The main advantage of this plugin is that is doesn't need to do that, as the extracted css is captured and exposed to other plugins internally.

npm i -D rollup-plugin-astroturf

Note that astroturf, rollup and @babel/core are all peer dependencies of this plugin, so you need to install them yourself. This plugin has been written against the 1.0.0-beta of astroturf, your mileage with the stable release may vary, but it SHOULD work.

Note: Astroturf expects uncompiled JavaScript code. If you are using Babel or Typescript to transform tagged template literals, ensure the plugin runs before Babel or Typescript loaders.

import { rollup } from 'rollup';
import astroturf from 'rollup-plugin-astroturf';
import postcss from 'rollup-plugin-postcss';

rollup({
  entry: 'main.js',
  plugins: [
    astroturf({/* options */}),
    postcss({
      extract: 'bundle.css',
      modules: true
    })
  ]
}).then(/*...*/)

If you're using jsx in your code you need to tell the plugin to interpret jsx (Babel does not do that by default). Do that by installing and including @babel/plugin-syntax-jsx like so:

import { rollup } from 'rollup';
import astroturf from 'rollup-plugin-astroturf';
import postcss from 'rollup-plugin-postcss';

rollup({
  entry: 'main.js',
  plugins: [
    astroturf({plugins: ['@babel/plugin-syntax-jsx']}),
    postcss({
      extract: 'bundle.css',
      modules: true
    })
  ]
}).then(/*...*/)

All options are optional

• include / exclude Both which can be a picomatch pattern or an array of picomatch patterns. If options.include is omitted or of zero length, the filter defaults to javascript/typescript files.

• plugins An array of Babel plugins which are passed on to all Babel invocations made by the plugin.

• All other options passed in this object are passed on to the underlying astroturf babel plugin. See the Babel plugin documentation and Astroturf's options for details.

  Note though that writeFiles is fixed to false. Use rollup to control how files are written.

This plugin is heavily inspired by Linaria's Rollup plugin, as it serves a similar purpose.