vscode 如何读取scss文件同步成css文件,需要下哪种插件

html-css022

vscode 如何读取scss文件同步成css文件,需要下哪种插件,第1张

vscode

只是编辑器,不具备这种读取并编译的功能(可以使用在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在一起的;