1.0.5 • Published 6 years ago
rollup-plugin-transform-postcss v1.0.5
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