복붙노트

[RUBY-ON-RAILS] SCSS 파일의 레일 4 이미지 경로, 이미지 URL 및 자산 URL이 더 이상 작동하지

RUBY-ON-RAILS

SCSS 파일의 레일 4 이미지 경로, 이미지 URL 및 자산 URL이 더 이상 작동하지

우리는 레일 4 이미지 URL 등을 제외하고 다른 것을 사용하기로되어 있습니까? 그들은 이해하지 못하는 것 같습니다 다른 값을 반환합니다. 내가 /app/assets/images/logo.png에 logo.png을 가지고 다음과 같은 처리를 할 경우, 이것은 내가 무엇을 얻을 수 있습니다 :

image-url("logo.png") -> url("/images/logo.png") #obviously doesn't work
image-path("logo.png") -> "/images/logo.png"
asset-url("logo.png") -> url("/logo.png")

이러한 작업 과정 없음 그들 앞에 적어도 / 자산이 필요하기 때문이다.

최신 정보

해결법

  1. ==============================

    1.난 그냥이 문제를 자신했다. 희망이 도움이됩니다 3 점 :

    난 그냥이 문제를 자신했다. 희망이 도움이됩니다 3 점 :

    또한 지점 3에서 이러한 명령에 대한 당신은 당신이 들러 실행하는 경우 번들 간부로 접두사해야합니다.

  2. ==============================

    2.귀하의 첫 번째 공식, 이미지 URL ( 'logo.png')는, 맞습니다. 이미지가 발견되면, 그것은 경로 /assets/logo.png (플러스 생산 해시)를 생성합니다. 그러나 레일라는 이름있는 이미지를 찾을 수없는 경우, 그것은 /images/logo.png 다시 떨어질 것이다.

    귀하의 첫 번째 공식, 이미지 URL ( 'logo.png')는, 맞습니다. 이미지가 발견되면, 그것은 경로 /assets/logo.png (플러스 생산 해시)를 생성합니다. 그러나 레일라는 이름있는 이미지를 찾을 수없는 경우, 그것은 /images/logo.png 다시 떨어질 것이다.

    다음 질문은 : 이미지를 찾는 레일되지 않는 이유? 당신이 응용 프로그램 / 자산 / 이미지 / logo.png에 넣어 경우에, 당신은 HTTP로 이동하여 액세스 할 수 있어야합니다 : // localhost를 : 3000 / 자산 / logo.png.

    그 작품,하지만 CSS가 업데이트되지 않은 경우, 당신은 캐시를 삭제해야합니다. 프로젝트 디렉토리에서 삭제 TMP / 캐시 / 자산과 서버 (에 WEBrick 등)을 다시 시작합니다.

    실패 할 경우, 당신은 또한 배경 이미지를 사용하여 단지 시도 할 수 있습니다 : 홈페이지 (logo.png를); 그게 당신의 CSS는 같은 상대 경로 (이 경우에 / 자산)으로 파일을 찾을하게됩니다.

  3. ==============================

    3.난 그냥 ASSET_URL 도우미를 사용하여 당신이 그 문제를 해결할 것을 발견했다.

    난 그냥 ASSET_URL 도우미를 사용하여 당신이 그 문제를 해결할 것을 발견했다.

    asset_url("backgrounds/pattern.png", image)
    
  4. ==============================

    4.나는 인라인 CSS로 배경 이미지를 추가하려고 비슷한 문제가 있었다. 필요는 방식으로 인해 자산 동기화 작업에 폴더 이미지를 지정할 수 없습니다.

    나는 인라인 CSS로 배경 이미지를 추가하려고 비슷한 문제가 있었다. 필요는 방식으로 인해 자산 동기화 작업에 폴더 이미지를 지정할 수 없습니다.

    이것은 나를 위해 일한 :

    background-image: url('/assets/image.jpg');
    
  5. ==============================

    5.레일 4.0.0 CSS 파일과 같은 디렉토리 구조의 이미지 URL로 정의 이미지를 볼 것이다.

    레일 4.0.0 CSS 파일과 같은 디렉토리 구조의 이미지 URL로 정의 이미지를 볼 것이다.

    예를 들어 자산 / 스타일 / main.css.scss, 이미지 URL에 CSS ( 'logo.png')는 URL (/assets/logo.png)가되면.

    당신이 자산 CSS 파일을 이동하면 / 스타일 /의 cPanel / main.css.scss, 이미지 URL ( 'logo.png')는 /assets/cpanel/logo.png된다.

    직접 자산 / 이미지 디렉토리에 이미지를 사용하려면 자산 URL ( 'logo.png')를 사용할 수 있습니다

  6. ==============================

    6.스타일 시트에 대한 :   URL (asset_path ( '가 image.jpg'))

    스타일 시트에 대한 :   URL (asset_path ( '가 image.jpg'))

  7. from https://stackoverflow.com/questions/16843143/rails-4-image-path-image-url-and-asset-url-no-longer-work-in-scss-files by cc-by-sa and MIT license