Question

如果可能，我想要一些反馈意见。我有一个具有此文件夹结构的rails应用程序

rails
- app
-- controllers
--- admin
--- front

所以基本上我在front和admin命名空间都有cotrollers。但是，资产目前具有默认设置，如此

assets
- stylesheets
- javascripts

所以application.scss加载前端和管理员的所有css

*
*= require_tree .
*= require_self

如何指定前端布局以仅加载前端（而非管理员）所需的资产，以及管理布局仅加载管理资产而不加载前端资产？

Answer 1

您可以创建两个清单文件（而不是使用默认的application.js / application.scss），并将它们包含在不同的布局中（一个用于front，另一个用于admin）

例如，您可以使用此文件夹结构：

assets
- javascripts
-- admin
-- front
- stylesheets
-- admin
-- front
- admin.scss
- front.scss

在每个admin / front文件夹中，您可以添加所需的特定样式/脚本，然后确保您的清单文件看起来像这样（仅显示样式清单，脚本也是如此）：

admin.scss

/*
 * Manifest file for admin styles, to be compiled into admin.scss
 *
 *= require_self
 *= require_tree ./admin
 */

front.scss

/*
 * Manifest file for front styles, to be compiled into front.scss
 *
 *= require_self
 *= require_tree ./front
 */

现在您必须创建布局（在app/views/layouts中）：

admin.html.erb

<!DOCTYPE html>
<html>
  <head>
    ... title and metas
    <%= stylesheet_link_tag 'admin', media: 'all' %>
    <%= javascript_include_tag 'admin' %>
  </head>
  <body>
     ... layout content
  </body>
<html>

front.html.erb

<!DOCTYPE html>
<html>
  <head>
    ... title and metas
    <%= stylesheet_link_tag 'front', media: 'all' %>
    <%= javascript_include_tag 'front' %>
  </head>
  <body>
     ... layout content
  </body>
<html>

最后，您必须在config/initializers/assets.rb中添加要预编译的清单文件：

... some code
Rails.application.config.assets.precompile += %w(admin.scss front.scss)
Rails.application.config.assets.precompile += %w(admin.js front.js)

现在您只需要使用所需的布局（admin.html.erb或front.html.erb）在渲染你的观点时。

将前端资产与管理资产分开

1 个答案: