浏览器scss编译

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

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

㈡ 用koala编译scss失败，出错是怎么回事

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

㈢ 为什么首页引入的是css，但浏览器f12却是scss

导入.sass或.scss文件
css有一个不太常用的特性，即@import导入功能，它允许在一个css文件中导入其他css文件。然而，结果是只有执行到@import规则时，浏览器才会去下载其他css文件，这会导致页面样式加载特别慢，从而容易出现页面闪的问题。
sass也有@import导入规则，与css不同的是，sass中的@import规则会在生成css文件时，把相关的文件导入合并成一个文件，而无需浏览器去下载其他的文件。另外在被导入文件中定义的变量等也可以在导入文件中正常使用。
在使用@import导入sass文件时，可以省略sass文件的后缀名.sass或.scss，例如：
- a.scss
body {
background-color: #f00;
}
- style.scss
@import "a";
div {
color: #333;
}

编译后的style.css文件内容如下:
body {
background-color: #f00;
}
div {
color: #333;
}

㈣ 为什么html中引用scss不能在浏览器预览效果

不是已经生成css了吗。。。html不能直接使用scss，你讲link里的引用改为“test.css”，而不是.scss

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

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

㈥ 安装完sass-loader加载器解析 后怎么将scss文件编译成css

比如我使用webpack，那么我打包的时候，编译器就会帮我编译好了。
LESS同理。

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

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

㈧ webstorm 编译 scss 文件报错

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

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

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

最后，创建.scss文件输入scss 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完全免费，而且作者很负责，有什么问题作者都会及时给予答复，意见什么的可以直接提交给作者，一般在下一个版本就能得到解决。

㈩ webstorm怎么编译scss的压缩输出方式 compressed

方法/步骤
1
1、下载ruby最新版2.1.5，安全起见可以安装ruby 1.9.3-p551
ruby安装文件自己网络一下，容易找到。
2
2、安装过程中，一定注意勾选第二项！否则cmd命令会找不到。

3
3、安装完后，检查是否安装成功
Win+r快捷键启动cmd命令窗口，输入ruby -v，注意中间空格，显示版本号说明成功。

4
4、借助ruby安装sass，dos命令窗口输入“gem install sass”
该命令一定要在system32文件下cmd.exe执行，默认安装目录在C:\Windows\System32\cmd.exe文件

5
5、安装过程中，耐心等待，直到提示安装进度100%。
同样通过“sass -v”命令(中间有空格)检查安装结果，显示当前版本号。

6
6、接着需要配置webstorm下sass编译环境。
打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，

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

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

9
9、最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，说明环境编译没问题。