PostCSS JS Loader for Webpack
Installation
$ npm install --save-dev postcss-js-loader
Usage
Documentation: Using loaders
Example Webpack Configuration
export default {
module: {
loaders: [
{
test: /\.css\.js$/,
loader: 'style!css!postcss-js',
},
],
},
}
Integration with Babel Loader
export default {
module: {
loaders: [
{
test: /\.css\.js$/,
loader: 'style!css!postcss-js!babel',
},
],
},
}
Integration with CSS Modules
export default {
module: {
loaders: [
{
test: /\.css\.js$/,
loader: 'style' +
'!css?modules&importLoaders=1' +
'!postcss-js'
},
],
},
}
Integration with PostCSS Plugins
import autoprefixer from 'autoprefixer'
export default {
module: {
loaders: [
{
test: /\.css\.js$/,
loader: 'style!css!postcss-js',
},
],
},
postcss: [autoprefixer],
}