rollup-plugin-transform-postcss

rollup-plugin-transform-postcss

Transform any files with PostCSS

Installation

npm install --save-dev rollup-plugin-transform-postcss

Usage

// input.js
export default () => {
	return `
	<style>
		body {
			display: flex;
		}
	</style>`
}

// rollup.config.js
import postcss from 'rollup-plugin-transform-postcss';
import cssnext from 'postcss-cssnext'; // e.g. use cssnext

export default {
	input: 'input.js',
	output: {
		file: 'output.js',
		format: 'iife'
	},
	name: 'MyModule',
	plugins: [
		postcss({
			// Specify PostCSS plugin
			// e.g. use cssnext
			plguins: [cssnext], // Required

			include: ['**/*.js'], // Optional

			exclude: ['**/*.html'] // Optional
		})
	]
};

// output.js
var MyModule = (function () {
'use strict';

var displayFlex = () => {
	return `
	<style>
		body {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
	</style>`
}

return displayFlex;

}());

License

MIT