vue安裝起手式(一)

 將红框中的内容添加進文件：
{
test: /\.scss$/,
loader: ‘style!css!sass?sourceMap’
},
{
test: /\.jade$/,
loader: “jade”
},
{
test: /\.pug$/,
loader: ‘pug’
},
這樣.vue文件就可以支持pug，scss語法了
//使用pug语法
<template lang=”pug”>
#app
img.vue(src=”./assets/logo.png”)
Hello
</template>
//使用scss语法
<style lang=”scss”>
*{margin:0;padding: 0}
body{
background-image: url(“/static/images/background.png”);
#app {
font-family: ‘Avenir’, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
img.vue{
width: 80px;
height: auto;
}
}
}
</style>