Proper Semantic-UI / Bower / Rails 4 配置

Question

我正在努力在我的 Rails 4 应用程序中使用 Bower 正确安装和配置 Semantic-UI。到目前为止，这是我所做的：

宝石文件：

gem "less-rails"
gem "therubyracer"

.bowerrc 文件：

{
  "directory": "vendor/assets/components"
}

bower.json:

{
"name": "app",
"version": "0.0.0",
"homepage": "myapp.com",
"private": true,
"ignore": [
 "**/.*",
 "node_modules",
 "bower_components",
 "vendor/assets/components",
 "test",
 "tests"
],
"dependencies": {
  "semantic-ui": "~1.12.2"
 }
}

安装 Bower 后，语义 UI 被正确地拉入我的 /vendor/assets/components 文件夹

现在，我想利用语义的主题属性，当然不编辑 bower 当前加载的内容。

我在 semantic.css.less 中添加了以下内容，它本身在 application.css

中是必需的

@import "semantic-ui/src/semantic";

现在的问题：似乎在正确的文件夹中正确获取了语义库，因为我收到以下错误：

'site//globals/site.variables' wasn't found Ok I understand that.

但是我如何将自定义配置文件与 bower 安装的默认资产一起使用而不触及这些文件？如何从我的 /vendor/assets/components 文件夹中正确创建所需的配置文件 (theme.config / site.variables / site.overrides)，并且仍然正确地分配 SASS 变量lib 需要编译吗？

Answer 1

如果您在没有 npm（包括安装程序）的情况下使用较少的源文件，您将需要从 theme.config.example 和 site/ 手动创建 theme.config from _site/ 这是为了避免影响本地 ui 的上游更改。 https://github.com/Semantic-Org/Semantic-UI/tree/master/src#config-files

PS：来自楼主的回答，来源： https://github.com/Semantic-Org/Semantic-UI/issues/2239

Answer 2

我会看看 less-rails-semantic-ui，这就是我最终为我的新 rails 项目所做的。它正确地添加了 vendor/assets!

中的所有覆盖文件

Proper Semantic-UI / Bower / Rails 4 配置

Proper Semantic-UI / Bower / Rails 4 configuration

ruby

ruby-on-rails

bower

ruby-on-rails-4

semantic-ui