Add vue style loader

README.md

@@ -6,3 +6,6 @@ https://bulma.io/documentation/customize/with-webpack/
 
 For vuejs:
 https://itnext.io/vuejs-and-webpack-4-from-scratch-part-1-94c9c28a534a
+
+For devserver:
+https://itnext.io/vue-js-and-webpack-4-from-scratch-part-2-5038cc9deffb

src/App.vue

@@ -1,6 +1,17 @@
 <template>
-<div>
+<div class="full-width center-content">
 <h1>Hello World wWohoo!</h1>
 </div>
 </template>
 
+<style scoped>
+.full-width {
+    width: 100%;
+}
+.center-content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+</style>
+

webpack.config.js

@@ -34,7 +34,7 @@ module.exports = {
             },
             {
                 test: /\.css$/,
-                use: ['style-loader', 'css-loader']
+                use: ['vue-style-loader', 'style-loader', 'css-loader']
             },
             {
                 test: /\.vue$/,