本文介绍了在Vue项目中如何配置Sass进行实时编译。首先全局安装Sass，然后在src/assets下创建css文件夹，接着创建以_开头的scss文件和index.scss，用于整合所有scss文件。通过命令行窗口运行实时编译命令，每当scss文件保存时，将自动编译为index.css，并在命令行窗口显示编译状态。最后，在main.js中引入index.css完成全局应用。
1. 全局安装sass
npm install node-sass -g
2. 在src > assets下创建css文件夹。
21. 在css目录下，创建一个文件 _t.scss内容如下：
注意：这里每个scss文件命名要以"_"下划线开始。
.wrap{
color:#fff;
div{
font-size:20px;
}
}22.在css目录下，创建一个index.scss，用于引入每个scss文件，命名不需要以下划线开始，内容如下：
@import './t'; 
3. 实时编译
切换到assets目录下，打开命令行窗口，输入如下：
最低0.47元/天 解锁文章
1411
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
