Merge branch 'master' of https://github.com/ferrywlto/vuejs-aspnetcore-ssr

Author: ferrywlto

package.json

@@ -15,7 +15,7 @@
     "aspnet-prerendering": "3.0.1",
     "vue": "^2.5.13",
     "vue-server-renderer": "^2.5.13",
-    "vue-loader": "^14.2.1",
+    "vue-loader": "^15.2.4",
     "vue-template-compiler": "^2.5.13",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1",

webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path')
 
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 // using webpack-merge so we don't have to repeat common configuration attributes twice
 const merge = require('webpack-merge')
 
@@ -22,14 +23,43 @@ module.exports = (env) => {
           test: /\.js$/,
           loader: 'babel-loader',
           include: __dirname,
-          exclude: /node_modules/
+          exclude: file => (
+            /node_modules/.test(file) &&
+            !/\.vue\.js/.test(file)
+          )
         },
         {
           test: /\.css$/,
-          loader: 'style-loader!css-loader'
+          oneOf: [
+            // this matches `<style module>`
+            {
+              resourceQuery: /module/,
+              use: [
+                'vue-style-loader',
+                {
+                  loader: 'css-loader',
+                  options: {
+                    modules: true,
+                    localIdentName: '[local]_[hash:base64:5]'
+                  }
+                }
+              ]
+            },
+            // this matches plain `<style>` or `<style scoped>`
+            {
+              use: [
+                'vue-style-loader',
+                'css-loader'
+              ]
+            }
+          ]
+
         }
       ]
-    }
+    },
+    plugins: [
+      new VueLoaderPlugin()
+    ]
   })
 
   const clientBundleConfig = merge(sharedConfig(), {