Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 4 如何在rails 4中为Sass启用源映射?_Ruby On Rails 4_Sass_Google Chrome Devtools - Fatal编程技术网

Ruby on rails 4 如何在rails 4中为Sass启用源映射?

Ruby on rails 4 如何在rails 4中为Sass启用源映射?,ruby-on-rails-4,sass,google-chrome-devtools,Ruby On Rails 4,Sass,Google Chrome Devtools,根据这个问题sass-rails还不支持sass 3.3 但似乎从一开始就依赖于Sass 3.3。那么有没有一种方法可以将这个gem与sass-rails一起使用呢 根据sass-rails源代码映射的自述文件,Chrome放弃了对sass版本3.3之前的源代码映射文件的支持 这是否意味着现在无法将Sass源代码映射与Chrome devtools一起使用?我可以通过以下方式将源代码映射与Rails 4.1一起使用: 通过使用sassrailsgem(5.0.0.beta1)的beta版,这并不

根据这个问题
sass-rails
还不支持sass 3.3

但似乎从一开始就依赖于Sass 3.3。那么有没有一种方法可以将这个gem与sass-rails一起使用呢

根据sass-rails源代码映射的自述文件,Chrome放弃了对sass版本3.3之前的源代码映射文件的支持


这是否意味着现在无法将Sass源代码映射与Chrome devtools一起使用?

我可以通过以下方式将源代码映射与Rails 4.1一起使用:

  • 通过使用sassrailsgem(5.0.0.beta1)的beta版,这并不总是最安全的事情,并且

  • 添加“compass rails”(“2.0.1”)和“compass rails源地图”(“0.0.8”)gems。我在这个特定的项目中没有使用Compass,但是Compass rails源地图gem需要Compass rails gem(显然),它对我来说非常有用


  • 我在sass-rails源代码映射gem方面运气不好,但我没有花太多时间;也许它与测试版sass-rails-gem不兼容,或者我正在使用的其他东西不兼容

    sass-rails有一个全新的替代品,它不仅速度更快,而且还可以选择使用内联源代码映射

    只需将其添加到您的文件中

    #gem 'sass-rails', '~> 5.0'
    gem 'sassc-rails'
    
    并添加配置

    # config/environments/development.rb
    config.sass.inline_source_maps = true
    
    别忘了重新启动服务器,然后您会在inspector中看到它正在工作:

    您可以在此处找到回购协议:

    您是想问,是否有任何方法可以使sass rails与DevTools中的源地图一起工作?@AlexanderPavlov是的,对不起我的英语。您可以清楚地看到,这个问题是在与sass rails相关的上下文中提出来的。“使用非sass rails的东西”只有在sass rails不提供对源地图的访问时才是一个有效的答案。@cimmanon我认为你没有抓住要点。问题清楚地说明了“rails中sass的源映射”。答案是目前实现这一目标的唯一途径。我可以说,在尝试了所有其他答案之后,它们都被弃用了。因此,通过向下投票,你基本上剥夺了任何人寻求解决方案的机会。感谢您出色的社区工作!我只是尝试了一下,但仍然在Chrome控制台样式检查器的行号处看到生成的CSS,而不是SCSS行号。所以我看不出有什么好处。你可能错过了什么。。您是否添加了如上所述的配置选项?您重新启动服务器了吗?请注意,目前它与compass不兼容