루츠 세이 지 9 - 생산을위한 건물은 원사와 함께 믹스 믹스에서 오류를 반환합니다.

Question

Roots Sage with wordpress와 함께 테마를 작성합니다.

@mixin imgRetina($image, $extension, $width, $height) { 
     background: url($image + '.' + $extension) no-repeat; 
     width: $width; 
     height: $height; 
    @media (min--moz-device-pixel-ratio: 1.3), 
     (-o-min-device-pixel-ratio: 2.6/2), 
     (-webkit-min-device-pixel-ratio: 1.3), 
     (min-device-pixel-ratio: 1.3), 
     (min-resolution: 1.3dppx) {  
      background-image: url($image + '-2x' + '.' + $extension) no-repeat; 
      background-size: $width $height; 
    } 
    } 

하고이 클래스에 포함 :

은 간단한 망막 믹스 인을 실행하려고 yarn run start에

@include imgRetina('../assets/images/logo', png, 370px, 115px); 

이 파일을 패키지 및 browserfy에서 사용할 수 있습니다. 시도해 보면 yarn run build:production 다음 오류가 발생합니다.

Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve '../assets/images/test-logo-2x.png'

아이디어가 있습니까?

Answer 1

생산을 위해 건물을 만들 때지도 구조가 변경되고 더 자세히 조회해야합니다.

@include imgRetina('../assets/images/logo', png, 370px, 115px);

가 있어야한다 : 실 시계를 실행할 때

@include imgRetina('../../assets/images/logo', png, 370px, 115px);

웹팩 잘 그 이미지를 변환해야합니다.