scss编译

㈠ sass怎么编译同一文件下的不同scss

编译sass文件 在命令行下进入到sass文件所在目录， 运行>compass compile 也可以指定要编译的文件 >compass compile fileName.scss #sass文件夹下会有个config文件指定编译后的css存放位置。

㈡ webstorm 编译 scss 文件报错

打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，

点击右边绿色加号，选择“SCSS”文件类型。

输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件

最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，就可以了。

㈢ sass 编译要输入文件位置吗

您好，这样的：Sass的安装:
1.安装：SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。
假定你已经安装好了Ruby，接着在命令行输入下面的命令：
gem install sass

然后，就可以使用了。
2：使用：
SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。SASS提供两种编译方式，一种是手动编译，一种是监视编译(–watch)，手动编译就是当你撰写好CSS时下指令去做编译，监视编译则是你指令一个目录，当此目录里面的*.scss档案有改变时（新增、覆写等等），就会自动去做编译的动作。先来讲手动编译方式：
下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）
sass test.scss
如果要将显示结果保存成文件，后面再跟一个.css文件名。
sass test.scss test.css
SASS提供四个编译风格的选项：
* nested：嵌套缩进的css代码，它是默认值。
* expanded：没有缩进的、扩展的css代码。
* compact：简洁格式的css代码。
* compressed：压缩后的css代码。
生产环境当中，一般使用最后一个选项。
sass –style compressed test.sass test.css
还有一种监视的方式做编译，在命令行中切换到当前sass或者scss文件所在的目录，然后运行
sass –watch scss:css

㈣ 为什么用scss编译过的css文件不能提交

可能出现的原因：1.可能引入的css文件代码被注释了。2.可能路径写错了。3.可能css代码写错了。4.可能还要再重启一下myeclipse。解决的方法：1.检查一下jsp代码中引入的css文件的那块代码。以下形式：去掉因为myeclipse默认是把css样式注释掉的。2.检查路径是否写错。3.css代码写错了。4.重启一下myeclipse，去掉上面的注释之后，关闭myeclipse，再重新打开myeclipse，就可以看到css效果已经加载成功了。

㈤ 如何安装并编译sass为css文件

1、koala软件编译
2、sass命令：依靠环境。
自动编译命令：（编译单个文件/编译整个文件夹）
编译单个文件
sass文件目录 sass --watch scss文件的路径:css文件的路径 --style expanded
编译整个文件夹
sass文件目录 sass --watch scss文件夹/. : css文件夹/. --style expanded
3、gulp编译
4、hbulid编译
①工具--预编译设置
②新建一个预编译配置 .scss
③输入触发命令的地址：ruby里面的sass.bat地址
④命令参数：%FileName% ../css/%FileBaseName%.css

㈥ 怎么用vs编译scss样式表

导入.sass或.scss文件 css有一个不太常用的特性，即@import导入功能，它允许在一个css文件中导入其他css文件。然而，结果是只有执行到@import规则时，浏览器才会去下载其他css文件，这会导致页面样式加载特别慢，从而容易出现页面闪的问题。

㈦ sass命令编译的终端是指什么

1.把一个文件夹内的sass文件，编译到另一个文件夹内出现对应的css文件，命令如下
sass --watch sass/:css/

sass/表示sass文件夹下的.scss或者sass文件，css/表示把编译后的文件都放到css文件夹内
2.只编译一个sass文件，但是在这一个sass文件中，引入了所有需要编译的sass文件
比如我又a.scss,b.scss,c.scss,d.scss,我把bcd三个文件在a中引入，那么我只需要编译a就可以了，方式：在a.scss文件中引入bcd

㈧ sass 用koala怎么编译

我最近也在学sass，之前用的是sublime test2，这个编译器有个好处就是转译成css的时候方便，但是终究还是和项目分离，也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了，只要保存，sass就会自动编译，下面是例子：
监视文件：
sass --watch test.scss:test.css

监视目录
sass --watch sass(sass目录):css（css目录）

满意的话希望采纳啦。。。。

㈨ 怎么使用Less/Sass编译工具koala

一、SASS调试插件的方法
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。
如果光做好SASS的准备工作还不够，还需要让浏览器支持SASS。那么就需要一个浏览器的插件才能让浏览器识别SASS，从而方便开发人员进行开发。
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。(如图1-1)

图1-1

如果你的css文件中没有以@media -sass-debug-info开头的代码，说明没有输出debug信息。请重新使用koala工具编译你的scss文件，并确定已经勾选了debug信息这个选项。
在火狐中调试，只需要再下载FireSass→即可。
二、编译工具koala的安装
1、进入页面
2、根据系统下载所需要的koala的版本
3、然后在下载文件夹中安装下载的EXE文件，即可安装成功
三、编译工具koala的优点
1、多语言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。
2、实时编译：监听文件，当文件改变时自动执行编译，这一切都在后台运行，无需人工操作。
3、编译选项：既可统一设置文件的编译选项，也可单独设置某个文件的编译选项。
4、强大的文件右键功能：右键文件元素，即可操作打开文件，打开文件目录，打开输出文件目录，设置输出文件目录，编译，删除六大常用功能。
5、错误提示：在编译时如果遇到语法的错误，koala将在右下角弹出错误信息，方便开发者定位代码错误位置。
6、跨平台：windows、linux、mac都能完美运行。
7、免费且负责：koala完全免费，而且作者很负责，有什么问题作者都会及时给予答复，意见什么的可以直接提交给作者，一般在下一个版本就能得到解决。

㈩ 怎么使scss编译成css后，顶部有@charset=utf-8

明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文，如果CSS的文件编码和页面不一致的话。那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。