只是编辑器,不具备这种读取并编译的功能(可以使用在nodeJS使用的sass插件实现),不过vscode
可以把正在编辑的scss文件在保存的时候编译成css。在找到插件之前你可能需要:
建议还是看看sass或者scss的官方文档,到底什么能编译出来(已收货14踩!)。
一、sass-loader的作用和处理流程:
(1)作用:帮助webpack打包scss文件;
(2)处理流程:scss-loader是将scss格式的样式,先帮我们转换成css格式的样式,再交给css-loader根据各个文件的依赖关系整合成一段css,最后再交给style-loader帮我们挂载到页面的header部分;
二、安装:使用sass-loader需要安装两个依赖:sass-loader和node-sass
注意: node-sass可能由于翻墙的 原因安装失败,我们可以使用cnpm安装
三、sass-loader的配置:
由于sass-loader始终都是帮我们处理样式文件的,只不过是将scss语法的样式转换成css语法的样式,因此,sass-loader是和样式处理loader在一起的;