Less-Rails 项目教程

Less-Rails 项目教程

less-rails:-1: :train: Less.js For Rails项目地址:https://gitcode.com/gh_mirrors/le/less-rails

项目介绍

Less-Rails 是一个为 Rails 资产管道提供动态样式表语言的项目。它允许其他 gem 扩展 Less 加载路径，使得在 Rails 项目中使用 Less 样式表语言变得更加方便。Less-Rails 支持从 Rails 5.0 到 Rails 6.0 的版本，并且通过 Travis CI 进行测试。

项目快速启动

安装

首先，在 Gemfile 中添加以下内容：

gem 'less-rails', '~> 4.0.0'

然后运行：

bundle install

生成样式表模板

你可以使用以下命令生成一个空的样式表模板：

rails generate less:assets posts

配置

如果需要传递参数给 Less，可以在 config/initializers/assets.rb 中添加以下内容：

Rails.application.config.less.raw = { relativeUrls: false }

应用案例和最佳实践

使用辅助函数

在 LESS 文件中引用资产时，可以使用以下辅助函数：

asset-path(@relative-asset-path) /* 返回资产的路径 */
asset-path("rails.png") /* 变成: "/assets/rails.png" */

配置路径

如果需要配置额外的路径，可以在 config/application.rb 中添加以下内容：

MyProject::Application.configure do
  config.less.paths << "#{Rails.root}/lib/less/protractor/stylesheets"
  config.less.compress = true
end

典型生态项目

Less-Rails-Bootstrap

Less-Rails-Bootstrap 是一个结合了 Less-Rails 和 Bootstrap 的项目，提供了 Bootstrap 的 Less 版本，使得在 Rails 项目中使用 Bootstrap 更加方便。项目地址：Less-Rails-Bootstrap

通过以上步骤，你可以在 Rails 项目中快速集成和使用 Less 样式表语言，并结合其他生态项目进行扩展和优化。

less-rails:-1: :train: Less.js For Rails项目地址:https://gitcode.com/gh_mirrors/le/less-rails