webpack样式表（css）文件打包不能识别

具体报错为：

Module parse failed: Unexpected character '#' You may need an

              appropriate loader to handle this file type. |  |  > #stu{ |    color:

              green; | }  @ ./src/app.vue?vue&type=style&index=0&lang=css& 1:0-123

              1:139-142 1:144-264 1:144-264  @ ./src/app.vue  @ ./src/index.js

先决条件：

首先查看你的vue-loader版本，

    >=15 的继续往下走，

    <15 的仅供参考

    （在nodemodule中找到vue-loader，查看其package.json 即可

    如果是使用npm安装，并且是在这篇博客日期之后安装的，那定是在 15 版本之上了）

解决思路：

         15版本及以上的vue-loader 在打包时不仅需要将自己的 插件配置到 webpack的配置文件中，还要单独配置css-loader

webpack.config.js配置如下（截取）

module: {

    rules: [

      {

        test: /\.vue$/,

        loader: 'vue-loader'

      },

      {

        test: /\.css$/,

        use: ['style-loader','css-loader']

      }

    ]

  }

  plugins: [

    new VueLoaderPlugin()

  ]

}

成功解决的前提是你已经安装了'style-loader','css-loader'这两个插件