Currently, I am working on an application using react and material UI. The configuration for Autoprefixer is defined in the webpack file as shown below in the package.json:
postcss: function() {
return [
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
]
}),
];
},
There is additional information provided in regards to the loaders used:
// The "postcss" loader applies Autoprefixer to our CSS.
// The "css" loader resolves paths in CSS and adds assets as dependencies.
// The "style" loader turns CSS into JS modules that inject <style> tags.
// In production, a plugin is utilized to extract CSS to a separate file. However,
// during development, the "style" loader allows real-time editing of CSS.
{
test: /\.css$/,
loader: 'style!css?importLoaders=1!postcss'
},
I have opted for inline styles (although it's not recommended), and I'm curious if they are automatically prefixed.
Is there a way to configure them to be auto-prefixed? For instance, can I accomplish this using Radium?