Rails
RubyOnRails
activeadmin

ActiveAdminでAsset Pipelineを使ってcoffeescriptとscss

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がロードされる