teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

7

修正

2018/08/17 03:23

投稿

capybara1229
capybara1229

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- Rails5でSassの@importがうまくいかない件
1
+ EC2上のRails5でSassの@importがうまくいかない件
body CHANGED
File without changes

6

修正

2018/08/17 03:22

投稿

capybara1229
capybara1229

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- Rails5でSCSSファイルの@importがうまくいかない件
1
+ Rails5でSassの@importがうまくいかない件
body CHANGED
File without changes

5

修正

2018/08/17 03:22

投稿

capybara1229
capybara1229

スコア8

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,7 @@
1
- Railsアプリのstylesheetsのコンパイルについて、外部からcssを読み込むための@importがうまく機能せず困っています。
1
+ Railsアプリのstylesheetsのコンパイルについて、@importがうまく機能せず困っています。
2
2
 
3
3
  ### 詳細
4
- ライブラリのCSSを、node_modulesから下記のとおり読み込んでいます。
4
+ npmで管理しているライブラリのCSSを、node_modulesから下記のかたちで読み込んでいます。
5
5
 
6
6
  ・config/application.rb
7
7
  ```lang-Ruby

4

修正+追記

2018/08/17 03:21

投稿

capybara1229
capybara1229

スコア8

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,6 @@
1
1
  Railsアプリのstylesheetsのコンパイルについて、外部からcssを読み込むための@importがうまく機能せず困っています。
2
2
 
3
+ ### 詳細
3
4
  ライブラリのCSSを、node_modulesから下記のとおり読み込んでいます。
4
5
 
5
6
  ・config/application.rb
@@ -19,9 +20,13 @@
19
20
  ```
20
21
  この方法で、ローカル(AWS Cloud9)では指定のスタイルが適用されますが、**EC2にデプロイするとうまくいきません。**
21
22
 
23
+ ### 確認していること
24
+
22
- ちなみにローカルにて、@importの対象ファイルについて下記のことを確認しました。
25
+ ローカルにて、@importの挙動について下記のことを確認しました。
23
- - 対象ファイルがstylesheets内の場合: 指定を間違えるとエラーが発生
26
+ - 対象ファイルがstylesheets内の場合: 間違えるとエラーが発生
24
27
  - 対象ファイルがstylesheets外の場合: **エラーが発生しない(アプリ、ブラウザ共に)**
25
28
 
29
+ ### さいごに
26
30
 
27
- RailsもEC2も知識が浅くなかなか解決できないので、ご教示いただけますと幸いです。
31
+ RailsもEC2も知識が浅くなかなか解決できないので、ご教示いただけますと幸いです。
32
+ どうかよろしくお願いいたいます。

3

修正

2018/08/17 03:04

投稿

capybara1229
capybara1229

スコア8

title CHANGED
File without changes
body CHANGED
@@ -14,8 +14,8 @@
14
14
  ・app/assets/stylesheets/custom.css.scss
15
15
  ```lang-scss
16
16
  // node_modules内のpath
17
- @import 'admin-lte/dist/css/AdminLTE.min';
17
+ @import 'admin-lte/dist/css/AdminLTE.min.css';
18
- @import 'font-awesome/css/font-awesome.min';
18
+ @import 'font-awesome/css/font-awesome.min.css';
19
19
  ```
20
20
  この方法で、ローカル(AWS Cloud9)では指定のスタイルが適用されますが、**EC2にデプロイするとうまくいきません。**
21
21
 

2

修正+追記

2018/08/17 02:59

投稿

capybara1229
capybara1229

スコア8

title CHANGED
File without changes
body CHANGED
@@ -14,7 +14,8 @@
14
14
  ・app/assets/stylesheets/custom.css.scss
15
15
  ```lang-scss
16
16
  // node_modules内のpath
17
- @import 'admin-lte/dist/css/AdminLTE.min.css';
17
+ @import 'admin-lte/dist/css/AdminLTE.min';
18
+ @import 'font-awesome/css/font-awesome.min';
18
19
  ```
19
20
  この方法で、ローカル(AWS Cloud9)では指定のスタイルが適用されますが、**EC2にデプロイするとうまくいきません。**
20
21
 

1

文法を修正

2018/08/17 02:56

投稿

capybara1229
capybara1229

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- SCSSファイルの@importがうまくいかない件
1
+ Rails5でSCSSファイルの@importがうまくいかない件
body CHANGED
@@ -1,6 +1,6 @@
1
- Railsアプリのstylesheetsのコンパイルについて、外部からcssを読み込むための@importが機能しない問題を抱えています。
1
+ Railsアプリのstylesheetsのコンパイルについて、外部からcssを読み込むための@importがうまく機能せず困っています。
2
2
 
3
- adminLTEの導入にあたり、ライブラリのCSSをnode_modulesから下記のとおり読み込んでいます。
3
+ ライブラリのCSSをnode_modulesから下記のとおり読み込んでいます。
4
4
 
5
5
  ・config/application.rb
6
6
  ```lang-Ruby
@@ -20,7 +20,7 @@
20
20
 
21
21
  ちなみにローカルにて、@importの対象ファイルについて下記のことを確認しました。
22
22
  - 対象ファイルがstylesheets内の場合: 指定を間違えるとエラーが発生
23
- - 対象ファイルがstylesheets外の場合: (アプリ、ブラウザ共に)エラーが発生しない
23
+ - 対象ファイルがstylesheets外の場合: **エラーが発生しない(アプリ、ブラウザ共に)**
24
24
 
25
25
 
26
26
  RailsもEC2も知識が浅くなかなか解決できないので、ご教示いただけますと幸いです。