sublime text3中sass编译后保存到指定文件夹

Posted 2020-10-11

第一步：

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进行编译，成功编译结果显示为。