sublime使用scss语法书写微信的wxss样式文件自动编译
版权声明:
本文为博主原创文章,转载请声明原文链接...谢谢。o_0。
更新时间:
2018-02-23 12:54:28
温馨提示:
学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章
配置方法
新建一个WSCSS.sublime-build文件 保存到对应的 SublimeText3\Data\Packages\User 目录下面
打开文件输入下面代码保存
{ "cmd": ["sass", "--update","--scss","--sourcemap=none", "$file:${file_path}/${file_base_name}.wxss", "--stop-on-error", "--no-cache"], "selector": ["source.wsass","source.wscss"], "line_regex": "Line ([0-9]+):", "osx": { "path": "/usr/local/bin:$PATH" }, "windows": { "shell": "true" } }
使用方法
源文件后缀使用*.wscss编译成功后生成*.wxss文件,
保存后自动编译
安装插件SublimeOnSaveBuild 打开配置文件输入下面内容
{ "filename_filter": "^[^_]*\\.(sass|less|scss|wscss)$", "build_on_save": 1 }
保存的时候会自动对上面对应后缀的文件编译