浏览代码

Add vue style loader

master
Ray Burgemeestre 6 年前
父节点
当前提交
8262a0c7c9
共有 3 个文件被更改,包括 16 次插入2 次删除
  1. +3
    -0
      README.md
  2. +12
    -1
      src/App.vue
  3. +1
    -1
      webpack.config.js

+ 3
- 0
README.md 查看文件



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

+ 12
- 1
src/App.vue 查看文件

<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>


+ 1
- 1
webpack.config.js 查看文件

}, },
{ {
test: /\.css$/, test: /\.css$/,
use: ['style-loader', 'css-loader']
use: ['vue-style-loader', 'style-loader', 'css-loader']
}, },
{ {
test: /\.vue$/, test: /\.vue$/,

正在加载...
取消
保存