For vuejs: | For vuejs: | ||||
https://itnext.io/vuejs-and-webpack-4-from-scratch-part-1-94c9c28a534a | 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 |
<template> | <template> | ||||
<div> | |||||
<div class="full-width center-content"> | |||||
<h1>Hello World wWohoo!</h1> | <h1>Hello World wWohoo!</h1> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<style scoped> | |||||
.full-width { | |||||
width: 100%; | |||||
} | |||||
.center-content { | |||||
display: flex; | |||||
justify-content: center; | |||||
align-items: center; | |||||
} | |||||
</style> | |||||
}, | }, | ||||
{ | { | ||||
test: /\.css$/, | test: /\.css$/, | ||||
use: ['style-loader', 'css-loader'] | |||||
use: ['vue-style-loader', 'style-loader', 'css-loader'] | |||||
}, | }, | ||||
{ | { | ||||
test: /\.vue$/, | test: /\.vue$/, |