内联样式会自动添加前缀吗？

Question

我正在创建一个带有 React 和 material UI 的应用程序。 Autoprefixer 在 package.json 中并在 webpack 中配置如下：

 postcss: function() {
    return [
      autoprefixer({
        browsers: [
          '>1%',
          'last 4 versions',
          'Firefox ESR',
          'not ie < 9', // React doesn't support IE8 anyway
        ]
      }),
    ];
},

它还说：

// "postcss" loader applies autoprefixer to our CSS.
// "css" loader resolves paths in CSS and adds assets as dependencies.
// "style" loader turns CSS into JS modules that inject <style> tags.
// In production, we use a plugin to extract that CSS to a file, but
// in development "style" loader enables hot editing of CSS.
{
  test: /\.css$/,
  loader: 'style!css?importLoaders=1!postcss'
},

我正在使用内联样式（我知道），它们是否自动添加前缀？

我可以将它们配置为吗？以镭为例。

Answer 1

不，但是您可以使用 postcss-js。谢天谢地，autoprefixer 文档中提到了它：

https://github.com/postcss/autoprefixer#css-in-js

内联样式会自动添加前缀吗？

Do inline styles get autoprefixed?

reactjs

autoprefixer

material-ui