标签：scss style sass 编译成 编译 代码 css

Scss是Sass3版本当中引入的新语法特性，完全兼容css3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件，下面我们来看一下将scss编译为css的方法。

我们可以使用node来将scss编译为css。下面我们来看一下使用node将scss编译为css的方法。

使用nodejs的npm包安装sass

1、安装sass

npm install sass

2、使用以下命令将scss编译为css

sass style.scss style.css

3、sass提供四种编译选项

• nested：嵌套缩进的css代码，它是默认值。
• expanded：没有缩进的、扩展的css代码。
• compact：简洁格式的css代码。
• compressed：压缩后的css代码。

生产环境当中，一般使用最后一种方法

sass --style compressed style.scss style.css

也可以通过sass监听某个文件或目录，一旦原文件有变动，就会自动生成编译后的版本

sass --watch sass/style.scss:css/style.css

标签：scss,style,sass,编译成,编译,代码,css
来源： https://www.cnblogs.com/macsc/p/16460170.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。