微信小程序工程化实践探索

Live Sass Compile(vscode插件)—实时将sass打包为wxss

在小程序项目实际开发中，原生自带的css开发起来并不方便，这个插件可以将sass实时打包为css，同样也可以处理后缀名为wxss。习惯于用less的，可以使用另一个插件：Easy WXLESS。

这个插件的默认方式是打包为css文件，如果能直接打包为wxss是最好不过的，所以需要修改配置文件。在工程的根目录找到或者创建文件夹.vscode下的settings.json添加如下配置：

{
	"liveSassCompile.settings.formats": [
	    {
	      "format": "expanded",
	      "extensionName": ".wxss",
	      "savePath": null
	    }
  	]
} 

更详细的配置介绍，请查阅：https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md

在wxss文件的同级目录下新建.scss文件，点击vscode底部的[Watch Sass]后，所有的.scss会在修改后实时被打包为同名的.wxss文件，并会额外生成一个map文件。