PostCSS plugin for Reboost
npm install @reboost/plugin-postcss

npm
shell
npm i -D @reboost/plugin-postcss
`
Install postcss package, if not already installed.
`shell
npm i postcss
`
Import it from the package
`js
const { start } = require('reboost');
const PostCSSPlugin = require('@reboost/plugin-postcss');
`
Add it to the plugins array
`js
const { start } = require('reboost');
const PostCSSPlugin = require('@reboost/plugin-postcss');
start({
plugins: [
PostCSSPlugin({
// Options
})
]
})
`
Now it will transform all stylesheets with your PostCSS plugins.
Config file
This plugin uses postcss-load-config to load PostCSS
configurations. Please read their readme
to understand how configuration files are loaded.
Options
#### ctx
Type: object
This plugin exposes context ctx to the config file, so that your config file can be dynamic.
Like so
postcss.config.js
`js
module.exports = ({ file, options, env }) => {
parser: file.extname === '.sss' ? 'sugarss' : undefined
// More configurations
}
`
You can set ctx to an object to pass the data to the options object in
your postcss.config.js, like so
reboost.js
`js
const { start } = require('reboost');
const PostCSSPlugin = require('@reboost/plugin-postcss');
start({
plugins: [
PostCSSPlugin({
ctx: {
usePreset: true
}
})
]
})
`
postcss.config.js
`js
module.exports = ({ file, options, env }) => {
plugins: {
// usePreset is now available in options object
'postcss-preset-env': options.usePreset ? {} : false
}
}
`
#### path
Type: string
The path to search for any of the configuration files. Configurations can be loaded from
- package.json
- .postcssrc
- .postcssrc.js or postcss.config.js`