安装 sass 依赖

在vue中使用sass我们需要安装两个依赖。一个是 node-sass,sass-loader。

npm 安装

1

npm i node-sass && sass-loader

yarn 安装

1

yarn add node-sass && sass-loader

安装成功后，在将vue文件中的 style 中的 lang 属性，改成 sass，就可以使用sass编写样式文件了。

1
2
3
4
5
6
7
8
9
10
11
12

<template>
    
</template>
<script>
</script>
<style scoped lang="scss">
    body {
        #ctn {

        }
    }
</style>