положить таблицы стилей CSS для рельсов API - PullRequest
Новая
       4

положить таблицы стилей CSS для рельсов API

0 голосов
/ 27 августа 2018

Мой существующий проект построен под API Ruby on Rails, создание:

rails new my_apps --api

, что означает, что под приложением полностью отсутствует папка ресурсов, а также пользовательский интерфейс.

Однако, учитывая текущие требования, я должен добавить на некоторых страницах для этих существующих направляющих (например: создание Wiki для моего API).

Вопрос в том, как добавить в папку стилей таблицы, а также файлы CSS в текущий проект, чтобы я мог использовать что-то вроде: 

<%= stylesheet_link_tag 'mycss' %>

EDIT:

Для получения дополнительной информации, мы используем 2 гема react-rails и webpacker, чтобы настроить интерфейс реакции. После установки javascript будет установлен в app/javascript/packs

Вот файл по умолчанию webpacker.yml: 

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_output_path: packs
  cache_path: tmp/cache/webpacker

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  resolved_paths: []

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  extensions:
    - .jsx
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

1 Ответ

0 голосов
/ 27 августа 2018

Поскольку 'rails new my_apps --api' - единственная команда создания приложения API rails. Он не создает конфигурацию активов по умолчанию для всех сред. Как мы пытаемся настроить его. Было бы утомительно управлять всем этим. Чтобы избежать такой ситуации, есть решение, упомянутое ниже:

Установите метод компоновки в любом application_controller.rb, как указано ниже: 

class ApplicationController < ActionController::Base
  layout 'application'

Создайте style.css в каталог / public / assets / stylesheet /. 

h1{
  color: red;
}

Создайте файл макета application.html.erb в каталоге app / views / layout /. 

<!DOCTYPE html>
<html>
  <head>
    <title>Demo App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%= stylesheet_link_tag '/assets/stylesheet/style.css', media: 'all'%>
  </head>

  <body>
    <h1>Hellow World</h1>
    <%= yield %>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...