- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我最近一直在研究这个并尝试不同的方法。我只能使用 Sass 获得源映射,仍然需要弄清楚自动重新加载应该如何工作。
我在 RoR 环境中工作,使用最新的 Sass 和 Compass gem
ruby "2.0.0"
gem 'rails', '4.0'
gem 'sass-rails'
gem 'sass', '3.3.0.rc.1'
gem 'sass-rails-source-maps'
gem "compass-rails", "~> 2.0.alpha.0"
gem 'compass', '0.13.alpha.10'
使用 compass 时出现此错误 要导入的文件未找到或不可读:compass/reset。
如果我尝试使用 gem "compass-sourcemaps", "~> 0.12.3. sourcemaps.a4836f1"
不走运,出现应用错误。
github 和其他网站上有人建议我可以使用 grunt 或 compass watch,这不是可行的解决方案,因为我希望能够在 Asset-pipeline 上工作。
任何正确方向的线索将不胜感激!
也许我应该改用波旁威士忌?浏览我所有的代码会很耗时,但我正在认真考虑放弃 Compass :(
附言SO 上已经有类似的问题,但它们是几个月前的日期,并没有真正给我任何新的见解。
最佳答案
因此,由于我相信这仍然需要一些时间才能被 rails 或任何 rails gem 解决,所以我将使用我的过渡解决方案:
我目前正在使用的任何 compass 混音重写/写成我自己的混音,并将它们添加到我包含的单独文件中。 compass-imports 暂时被注释掉
/*
@import 'compass/reset';
@import 'compass/css3/transform';
@import 'compass/css3/transition';
@import 'compass/css3/box-sizing';
@import 'compass/css3/box-shadow';
*/
相反,我只包括我自己的
@import 'my_own_writen_compass_mixins.scss';
(请注意,您为 mixins 命名与 compass 完全相同,因此您不必更改任何代码。)
就我而言,这就可以了,我可以继续处理我的工作。如果有人遇到同样的困难,希望这会有所帮助。希望这不是长久之计;)
关于ruby-on-rails - 使用没有 "compass watch"的 compass 在 rails 中运行 sourcemaps/auto-reload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20002347/
这是 gulpfile: widgets.forEach(function(widget){ gulp.src('widgets/' + widget + "/Widget.es6")
我无法让 firefox(或与此相关的任何浏览器)识别 X-SourceMap header 。对于我的代码。 //# SourceMappingURL 注释对我来说在浏览器端有效,但由于我系统的特定
我试图让 Gulp sourcemaps 写入文件,但我无法在任何地方看到这些文件。如果在工作树中创建了任何新文件,我会在 git status 中看到它们,但找不到任何新文件。 下面是我的 gulp
我无法让我的 webpack 发出 css sourcemap。我把 sourcemap: true 放在任何可能的地方,但没有效果,所有在线解决方案都建议这个或其他一些插件配置,但我没有任何其他插件
在过去的几个月里,我现在每天都在使用 nodejs 和“Jenkins”。无需对我的 package.json 进行任何更改。在“jenkins”构建我的项目时出现以下错误 - gifsicle@3.
所以我有以下任务: gulp.task('sass', function () { gulp.src(['./angular/app/**/*.s+(a|c)ss']) .pi
我的文件结构如下所示(为简洁起见,进行了简化): /less/ /styles.less /public/ /css/ /styles.css
这是最烦人的问题。我遇到了this before here ,但是我的 webpack 配置和 gulp 中有相同的设置,但我无法在 Chrome Devtools 中正确设置断点。 我已经删除了我的
我正在努力让我的 SASS 源映射正常工作。问题似乎是源映射中的“sources”属性以及我的 SASS 文件的嵌套方式。 我有一个 Gulp 任务将 SASS 编译为 CSS。这是一个例子 var
我正在使用 rake 管道来了解构建 emberjs 应用程序。 让它工作起来相当简单,这里有一个例子:https://github.com/emberjs/todos 但我正在努力寻找有关如何让 s
大家好! 我正在使用 VSCode 与 lerna 一起处理 monorepo 中的 OpenSource 项目,我想提供一个包,其中包含轻松做出贡献所需的工具。 为了以一种对我来说非常干净的方式来做
样式 无样式 @import "one.less"; @import "two.less"; 少一个 body { background:red; } 少了两个 body { font-size: 1
我需要在一个目录中有两个合并的 CSS 文件——一个有 sourcemap 而另一个没有。例如,我尝试的是这样的: .pipe(sourcemaps.init()) .pipe(concat('xxx
我启用了 CSS 源映射,但谷歌浏览器的行为就像它们被禁用一样。在我查看的所有资源中,我需要做的就是在 DevTools 首选项中启用源映射。它显然在那里启用: 源映射位于我的 CCS 文件旁边,如下
尝试创建一个 gulp 文件来获取我们的 LESS 文件并生成适当的 .css、.min.css 和 .css.map 文件。关闭,但 sourcemaps 正在将 map 写入扩展名为 .css.m
我正在从我的站点记录 javascript 错误,但文件已最小化,因此我无法获得有意义的行号。但是,我确实有源 map 。 是否有服务、脚本、npm 模块或任何可以帮助我将行号从缩小版本“翻译”成有用
我在生产中遇到了一些来自缩小代码的错误。我有不在生产中的源 map 。我想(事后)以某种方式使用源映射将我的堆栈跟踪转换为人类可读的堆栈跟踪。以前有人这样做过吗? 最佳答案 我也在研究这方面的东西,想
我正在部署我的网站——一个用 GatsbyJS 构建的静态网站——我的源 map 是迄今为止我最大的文件。我有 3 个大约 3MB 的 sourcemap 文件。总体而言,它们可能占我构建的 70%。
我正在尝试让我的 Webpack 项目拥有源映射文件。 我终于得到了正确的设置,所以它会这样做,但现在我收到这个错误: DevTools failed to parse SourceMap: http
1、什么是 Sourcemap Sourcemap 协议最初由 Google 设计并率先在 Closure Inspector 实现,它能够将经过压缩、混淆、合并的代码还原回未打包状态
我是一名优秀的程序员,十分优秀!