LoginSignup
0
0

More than 5 years have passed since last update.

ActiveAdminでAsset Pipelineを使ってcoffeescriptとscss

Last updated at Posted at 2017-09-17

coffeescriptの場合

app/assets/javascripts/admin/以下に、*.coffeeファイルを配置する場合、以下を追記

app/assets/javascripts/active_admin.js
//= require active_admin/base
// 追加した内容
//= require_tree ./admin/common
//= require_tree ./admin

以下の順でコンパイルされたjsがロードされる

  • admin/common以下のファイル
    • 他のファルをより先に読みたいもの
  • admin/以下のファイル
    • 先に指定したadmin/common以下のファイルは二重ロードされない

scssの場合

app/assets/stylesheets/admin以下に、*.scssファイルを配置する場合、以下を追記

app/assets/stylesheets/active_admin.css
// Active Admin's got SASS!
@import "active_admin/mixins";
@import "active_admin/base";
# 追加した内容
@import "./admin/common";
@import "./admin/user";
@import "./admin/grop";

import順に今バイルされたcssがロードされる

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0