具體報錯為：
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 的繼續(xù)往下走藕赞，
????<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()
??]
}
成功解決的前提是你已經(jīng)安裝了'style-loader','css-loader'這兩個插件
