如何在Vue.js中使用PostCSS？

Question

如何在Vue.js（webpack模板）中处理PostCSS？

我在很多地方搜索过它，但仍然无法找到一个好的解决方案。

请举例说明使用最常用的插件，如cssnext，precss和sugarss。

Answer 1

您需要将postcss-loader与webpack一起使用

在你的webpack.config

中

{
  test: /\.css$/,
  use: [
   ...,
  { loader: 'postcss-loader', options: { syntax: 'sugarss' } }
 ]
}