1 注意事项: 问题描述: 请确保 Encoding.default_external = Encoding.find('utf-8') 是uft-8 编码! sass文件编译时候使用ruby环境,在en环境中没有任何问题,但是在windows10 环境下无论是界面化的koala工具还是命令行模式的都会出现以下错误: Error: D:\xwamp\www\20151011\css\b-a.scssError: Invalid GBK character "\xE5"        o…
sass文件编译时候使用ruby环境,无论是界面化的koala工具还是命令行模式的都无法通过,真是令人烦恼. 容易出现中文注释时候无法编译通过,或者出现乱码,找了几天的解决方法终于解决了. 这个问题的奇葩之处在于在xp环境中没有任何问题,只是在windows7环境中才出现的这个. sass编译时候出现如下错误的解决方法: Syntax error: Invalid GBK character "\xE5" on line 8 of E:\work\sass\sass\_big_box.…
今天学习sass,写了一行中文注释,结果却遇到了报错: cmd.exe /D /C call C:/Ruby23-x64/bin/scss.bat --no-cache --update style.scss:style.css error style.scss (Line : Invalid GBK character "\xE5") Process finished with exit code 以前在公司使用的mac没用遇到这种问题,当使用windows 7开发是遇到了这个问题.…
cmd.exe /D /C call C:/Ruby23-x64/bin/scss.bat --no-cache --update header.scss:header.css error header.scss (Line 2: Invalid GBK character "\xE5") Process finished with exit code 1 解决办法很简单: 在sass文件开头添加    @charset "utf-8";     就可以解决问题 @…
因为要用到iconfont,引入iconfont到sass文件后,出现编译sass文件错误,如下截图: 解决方法:在顶部设置编码格式 @charset "utf-8"; 编译成功!…
在浏览器页面有时看到sass文件而不是css文件问题,其主要由于sass开启了source-map(调试)功能,问题如下图: sass调试 sass调试需要开启编译时输出调试信息和浏览器调试功能,两者缺一不可. 开启编译调试信息 目前sass的调试分为两种,一种为开启debug-info,一种为开启sourcemap(这个将成为主流). 如开启的是debug-info,则解析的css文件中会有以@media -sass-debug-info开头的代码,如没有则表明没有开启. 如开启的是sourc…
第一次使用gulp构建工具,使用gulp将.less文件编译成.css文件并输出.根据视频做了笔记.提供新手和自己以后做参考. HTML文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-…
在webstorm配置的SASS,插入中文注释报错: cmd.exe /D /C call D:\ProgramFiles\Ruby24-x64\bin\sass.bat --no-cache --update love.scss:D:\2018Learning\MaterialLibrary\CSS-animation\love\css\love.css error love.scss (Line : Invalid GBK character "\xE4") Process fin…
sess文件输出css有下面四种方式: :nested(嵌套) :compact(紧凑) :expanded(展开) :compressed(压缩) 如何使用: sass --watch style.scss:style.css --style compressed 默认输出css方式是嵌套:也就是 nested(嵌套) 原始写在本地的sess样式文件,例如:.widget-social { text-align: right; a, a:visited { padding: 0 3px; co…
gulp 是基于node的,所以第一步要确保你已经安装了node环境,具体怎么安装可以到node官网去看一下(https://nodejs.org/en/) 1.全局按钮gulp 打开node窗口输入npm install -g gulp 全局安装好之后  进入当前目录安装本地安装 npm install --save-dev gulp 当全局与本地项目文件夹里面都安装好了之间 使用命令行 gulp –v看一下版本 如果版本一样那就最好了 2.插件安装 npm install gulp-less…