CSS가 이중으로 로드된 상태 해결

아래와 같이 css가 중복되어 있는 상태일 때의 해결 방법을 메모.



원인은 application.scss의 기술에 의한 것.

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
 @import "reset";
 @import "scaffolds";
 @import  "items";

Rails에서 CSS 파일을 읽는 이유는
application.css 파일에 *= require_tree .라는 코드가 주석 처리됩니다.
기술되어 있기 때문이다.

따라서, SCSS를 기재할 때 @import을 기재하면 이중이 되어 버렸다.
그러므로

 @import "reset";
 @import "scaffolds";
 @import  "items";

이 필요한 scss의 기재만으로 하는 것으로 회피할 수 있었습니다.

상기의 차이에 대해서는, 하기 기사가 참고가 됩니다.

▼require와 @import 의 각각의 구조의 차이
htps : // 이 m / 오카모토