带有Webpack的PostCSS中的Vue单个文件组件和SugarSS

我正在尝试在Vue单个文件组件和Webpack 2中使用SugarSS，但到目前为止还没有运气。这是我的组件文件：

<template lang="pug">
  h1 hello!
</template>

<script>
  export default {
    data: () => {
      return {message: "hello!"}
    }
  }
</script>

<style scoped lang="postcss">
  h1
    color: green
    display: flex
</style>

这是我的webpack.config.js：

module.exports = {
  entry: "./browser.js",
  output: {
    filename: "static/bundle.js"
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        query: {
          presets: ["latest"]
        }
      },
      {
        test: /\.vue$/,
        loader: "vue-loader",
        options: {
          postcss: {
            options: {
              parser: require("sugarss")
            }
          }
        }
      }
    ]
  }
}

为了防万一，我在同一目录中也有postcss.config.js：

module.exports = {
  plugins: [
    require("sugarss")
  ]
}

我尝试使用，<style scoped lang="sugarss">但也没有运气。这是运行webpack时的错误代码：

TypeError: Invalid PostCSS Plugin found. Please check your PostCSS Config
    at /home/piotr/herd/js/node_modules/postcss-load-plugins/lib/plugins.js:46:17
    at Array.forEach (native)
    at plugins (/home/piotr/herd/js/node_modules/postcss-load-plugins/lib/plugins.js:23:15)
    at /home/piotr/herd/js/node_modules/postcss-load-config/index.js:67:18
Hash: 2b260e6f43cbdf7bfbc1
Version: webpack 1.14.0
Time: 1429ms
           Asset    Size  Chunks             Chunk Names
static/bundle.js  179 kB       0  [emitted]  main
    + 9 hidden modules

ERROR in ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=data-v-067de399&scoped=true!./~/postcss-loader!./~/vue-loader/lib/selector.js?type=styles&index=0!./userlist.vue
Module build failed: Missed semicolon (15:10)

  13 | 
  14 | h1
> 15 |   color: green
     |          ^
  16 |   display: flex
  17 | 

 @ ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=data-v-067de399&scoped=true!./~/postcss-loader!./~/vue-loader/lib/selector.js?type=styles&index=0!./userlist.vue 4:14-256

为了验证是否已安装所有组件，我创建了一个简单的test.sss文件，其样式与该组件中的样式相同（颜色：绿色，显示方式：flex），并从cli运行postcss，如下所示：node_modules/.bin/postcss -p sugarss test.sss-它运行良好，并输出处理过的CSS如预期的那样。

至于vue-loader配置，我正在使用页面底部的建议：https : //vue-loader.vuejs.org/en/features/postcss.html

还有一件事，当我将样式标签切换到SASS时，它运行良好，并且webpack毫无问题地编译了该组件。

我在webpack配置文件中缺少什么吗？