vue 填坑

img 2 ascii

https://www.degraeve.com/img2txt.php

1
2
<style lang="scss">
</style>

1
npm install -D sass-loader node-sass

如果 sass(锁进 而不是 大括号) 需要修改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// webpack.config.js -> module.rules
{
test: /\.sass$/,
use: [
'vue-style-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
indentedSyntax: true,
// sass-loader version >= 8
sassOptions: {
indentedSyntax: true
}
}
}
]
}

less

1
npm install -D less less-loader
1
2
3
4
5
6
7
8
9
// webpack.config.js -> module.rules
{
test: /\.less$/,
use: [
'vue-style-loader',
'css-loader',
'less-loader'
]
}
1
npm install -D stylus stylus-loader

1
npm install -D pug pug-plain-loader
1
2
3
4
5
// webpack.config.js -> module.rules
{
test: /\.pug$/,
loader: 'pug-plain-loader'
}
1
2
3
4
<template lang="pug">
div
h1 Hello world!
</template>