更快的css编译gem "sassc-rails"

flchp 关注2023-08-09112312322


rails5原生自带gem 'sass-rails', '~> 5.0',但是gem 'sassc-rails'能带来四倍的的css文件编译速度。

1
2
3
4
5
6
7
8
9
10
11
# Using sassc-rails

[1] pry(main)> Benchmark.bm { |bm| bm.report { Rails.application.assets["application.css"] } }
       user     system      total        real
   1.720000   0.170000   1.890000 (  1.936867)

# Using sass-rails

 [1] pry(main)> Benchmark.bm { |bm| bm.report { Rails.application.assets["application.css"] } }
       user     system      total        real
  7.820000   0.250000   8.070000 (  8.106347)

安装过程

Gemfile
1
2
3
-gem 'sass-rails', '~> 5.0'
+# gem 'sass-rails', '~> 5.0'
+gem 'sassc-rails'
config/environments/development.rb
1
2
3
4
5
  # gem "sassc-rails" 安装可添加选项
  +config.sass.inline_source_maps = true

  +config.sass.line_comments = false

执行$ bundle install,重启rails s

完成!


上一篇 返回目录 下一篇