`

关于SASS中SCSS中文乱码的问题

阅读更多

ruby环境sass编译中文出现Syntax error: Invalid GBK "\xE5"

    sass文件编译时候使用ruby环境无法通过。这个问题的奇葩之处在于在xp环境中没有任何问题,只是在windows7环境中才出现的这个。

   

解决办法:

1.命令行工具同理

 

找到ruby的安装目录,里面也有sass模块,如这个路径:

 

C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass

 

在这个文件里面engine.rb,添加一行代码

Encoding.default_external = Encoding.find('utf-8')

 

 

放在所有的require XXXX 之后即可。

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    [Sass/Scss] 04. 使用Bootstrap的Sass/Scss版本进行编译

    [Bootstrap_3][Sass_Scss][中文]_04._使用Bootstrap的Sass_Scss版本進行編譯

    sass(scss)的安装与使用教程

    在这个文件中,你可以使用SASS或SCSS语法编写样式,然后通过命令行或Koala等工具将其编译成app.css。 编译时,有几种不同的输出格式可供选择: - `nested`:嵌套缩进的CSS代码,默认选项,易于阅读。 - `expanded`...

    [Sass/Scss] 02. 使用桌面程序Scout编译Sass

    [Bootstrap_3][Sass_Scss][中文]_02._使用桌面程式Scout編譯Sass

    [Sass / Scss] 01. Sass / Scss 简易介绍

    [Bootstrap_3][Sass___Scss][中文]_01._Sass___Scss_簡易介紹

    [Sass/Scss] 03. 制作Class组件

    [Bootstrap_3][Sass_Scss][中文]_03._製作Class元件

    InspiniaAdmin 2.6.1 PDF_LESS_SASS_SCSS

    《InspiniaAdmin 2.6.1:深入理解PDF、LESS、SASS与SCSS在Web开发中的应用》 InspiniaAdmin 2.6.1是一款流行的、功能丰富的后台管理模板,它包含了对现代Web开发技术的全面支持,如PDF文档、LESS预处理器、SASS...

    Sass 中文离线文档

    如果您在使用文档中发现任何问题或不准确之处,建议及时反馈给文档作者或提供平台,以保证知识的正确传递。同时,书栈(***)还提供了源代码托管,方便用户查看和更新文档的最新状态。 用户可以通过分享有用的知识...

    SassyStudio, Visual Studio 扩展,为 sass/scss增加了一点支持.zip

    SassyStudio, Visual Studio 扩展,为 sass/scss增加了一点支持 SassyStudioSassyStudio为使用 sass/scss的体验提供了少量与 Visual Studio的集成。 以下是我们目前提供的内容:语法高亮显示大纲保存时生成css文件...

    Learn-SASS-SCSS:了解SASSSCSS

    5. **引入文件**:SASS和SCSS都可以通过`@import`指令引入其他样式文件,但在SCSS中,引入的文件名需要包含.css扩展名,如`@import "mystyle.css";`。 **SASS/SCSS的主要功能** 1. **变量**:变量可以存储颜色、...

    vue安装和使用scss及sass与scss的区别详解

    1. 安装依赖:npm install node-sass sass-loader -D 2. webpack.base.conf.js文件 module: { { //手动添加这一条,相当于是编译识别sass! test: /\.scss$/, loaders: ["style", "css", "sass"]} } 3. 在.vue文件...

    Sass/SCSS:让CSS书写更高效

    目录一、Sass/SCSS使用简介1. Sass和SCSS的关系2. Sass简介3. 在项目中编译Sass4. Sass/SCSS、Less还是stylus?二、Sass(基于SCSS语法)详解1. CSS功能拓展(1). 嵌套规则(2). 父选择器&(3). 属性嵌套(4). 占位选择...

    Css到SCSS或SASS转换器「Css to SCSS or SASS Converter」-crx插件

    当您在DevTools中编写小型css代码段时需要将它放在sass / scss文件中。 该选项卡位于“元素”的右侧,在“属性”之后。这不是一个单独的DevTools选项卡! 它使用css2sass.herokuapp.com作为转换器。 支持语言:...

    docusaurus-plugin-sass:为Docusaurus v2提供SASSSCSS支持

    docusaurus-plugin-sass ... 对于global styles和CSS modules ,照常在Sass / SCSS中编写和导入样式表。 整体风格 假设您正在使用@docusaurus/preset-classic (或@docusaurus/theme-classic ),则可以将customC

    Sass和Compass预处理CSS

    Sass和Compass预处理CSS,Sass(Scss)是世界上最成熟、稳定和强大的专业级CSS扩展语言,Sass(Scss)中文网主要致力于Sass(Scss)在中国的推广,通过Sass(Scss)来改变前端工程师,提高效率

    compile-node-sass-0.0.3.zip

    【标题】"compile-node-sass-0.0.3.zip" 涉及的主要知识点是关于Node.js环境下的Sass编译工具,它允许开发者将Sass或SCSS语法转换成CSS,以便在Web开发中使用。Sass是一种强大的CSS预处理器,提供了变量、嵌套规则、...

    sass.cr:将SassSCSS编译为Crystal中CSS(libsass绑定)

    《Sass.Cr:在Crystal中使用Libsass实现Sass/SCSS到CSS的转换》 Sass.Cr是一个开源项目,它为Crystal编程语言提供了Sass和SCSS的编译功能,使得开发者能够利用Crystal的高效性能来处理CSS预处理器的语言。该项目是...

    sass-scss

    3. **兼容性**:虽然Sass支持两种语法,但SCSS格式由于其与CSS的相似性,更容易被开发者接受,并且在各种工具和框架中的支持度更高。 **二、Sass/SCSS的核心特性** 1. **变量(Variables)**:Sass允许定义变量...

    SASS-SCSS-Build-for-Sublime-Text:Sublime Text 的 SASS 和 SCSS 构建脚本

    为 SASS 和 SCSS 文件提供工作构建脚本。 此构建脚本将生成一个未压缩的参考文件和一个带有源映射的缩小工作文件。 建议删除源映射链接和部署文件,因为它不需要并且加载额外的文件。 安装后,您将在Tools > Build ...

Global site tag (gtag.js) - Google Analytics