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