每个css里面都@import 这个scss 文件就行了
这个应该是在配置文件配置了它的目录,然后@import 引入是相对配置里面的那个目录的。
官方文档: http://sass-lang.com/documentation/file.SASS_REFERENCE.html
你需要对sass文件进行监听变化。
Scss 注释中文报错问题(windows系统, 已解决)
找到ruby的安装目录,里面也有sass模块,类似这样样的路径:
C:\Ruby\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass
在这里面有个文件叫engine.rb,添加一行代码
Encoding.default_external = Encoding.find('utf-8')
放在所有的require xxxxxx 之后即可。
若无效可能是文件找错了。粗暴点可以在ruby下搜索engine.rb文件,都添加上(当然最好还是找一找啦)。
win10 自带linux ubuntu 环境
你的原文件是什么??错误显示是找不到值“$head-fs”
版本太老了吧。。。我目前使用的是vs code 1.9.1
@charset "UTF-8";
你用的是webstorm编辑器吧?
打开设置,搜索watcher,添加一个scss的watcher
Arguments:--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
Output paths to refresh:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
已经知道了,编译的时候没有进入learn-sass那个文件夹 而是在父文件夹就watch了
已经解决了,是搞错了css文件,应该看stylesheets文件夹下的那个screen.css!!哈哈
// 我是注释
/*woyeshizhushi*/
编译后只显示
/*woyeshizhushi*/
你应该是指增加注释的时候,不能通过编译吧,你可以在.scss文件的开头加上 @charset "UTF-8";
是通过compass watch命令实现的,当.scss文件发生变化时,会自动编译,生成.css文件。
视频里有这个过程的
一个设置而已 View ->Side Bar ->Show Side Bar
可以直接写 font:16px,$main-sec-ff;
亲!在你的text.scss文件加@charset "utf-8";
是前面定义的变量
检查一些campass watch的路径,要是创建的根部文件夹,learn-sass-syntax(自己创建)。
新建文件使用 UTF-8 编码, 注意用编辑器打开后不要修改文件的编码。
import 局部文件不需要加下划线的哦。
这是sublime, vim插件的保存命令。 直接保存变更文件, Compass 处于watch状态下, 检测到文件变更即会自动编译。
用你常用的前端编辑器, 新建一个文件打开即可。 注意新建文件的编码: utf-8 。