sublime text3中sass编译后保存到设定的文件夹中_sass --update指定生成文件时不生成中间文件夹-优快云博客

本文链接：https://blog.youkuaiyun.com/u013909970/article/details/50342041

本文详细介绍了如何在Sublime Text中创建一个自定义的SASS编译系统，实现将编译后的CSS文件保存到指定路径。通过简单的步骤，您将学会配置构建系统并进行自动化编译。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：

tools->builde system->new build system

第二步：

粘贴如下代码到新建文档中：

{

	"cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],
	"selector": "source.sass, source.scss",
	"line_regex": "Line ([0-9]+):",

	"osx":
	{
		"path": "/usr/local/bin:$PATH"
	},

	"windows":
	{
		"shell": "true"
	}

}

第三步、存储

存储到C:\Users\do**nwl\AppData\Roaming\Sublime Text 3\Packages\下，新建MYSASS文件夹，保存名字为MYSASS.sublime-build

第四步、选择自动编译的类型：

tools->builde system->MYSASS

这样就可以把编译以后的css文件存到自己想放置的路径了。

按Ctrl+B进行编译，成功编译结果显示为。

==========================================================================================

构建系统变量

Build systems expand the following variables in .sublime-build files:

在*.sublime-build* 中包括如下构建系统变量。

`$file_path`	当前文件所在路径, 比如 C:\Files.
`$file`	当前文件的完整路径, 比如 C:\Files\Chapter1.txt.
`$file_name`	当前文件的文件名, 比如 Chapter1.txt.
`$file_extension`	当前文件的扩展名, 比如 txt.
`$file_base_name`	当前文件仅包含文件名的部分, 比如 Document.
`$packages`	Packages 文件夹的完整路径.
`$project`	当前项目文件的完整路径.
`$project_path`	当前项目文件的路径.
`$project_name`	当前项目文件的名称.
`$project_extension`	当前项目文件的扩展部分.
`$project_base_name`	当前项目仅包括名的部分.