스타일러스 설정에서 url() 함수는 무엇을합니까?

Question

나는 the documentation here over official Stylus docs을 따라 왔고 거기에 예제 코드에서 url() 함수가 무엇을하는지 궁금합니다. 특히, 내 프로젝트/파일에서 코드를 작성해야하는 위치를 알고 싶습니다 ... 예를 들어, Node.js/Express 응용 프로그램에서 (또는 server.js) 파일에 정의하면 오류가 발생합니다 : str is not defined , 왜냐하면 나는 내 파일에 str 변수를 정의하지 않는다는 것이 명백하기 때문이다.

그러나 변수가 무엇이고 처음부터 어디에서 왔는지 이해할 수 없습니다.

내가 url() 기능은 실제 스타일러스 코드가 스타일러스 파일 중 하나 (같은 style.styl)에 url()을 발견하면 실행될 래퍼라고 생각하지만, 그 이상, 나는 그것이 무엇을 얻을하지 않습니다도 때 나는 그것을 정의 할 필요가 없을 때 그것을 정의한다.

누구나 명확하게 설명하면 도움이됩니까?

Express 3.5.1과 Stylus 0.44를 사용합니다.

Answer 1

이미지를 외부 리소스로 연결하는 대신 스타일 시트에서 오른쪽으로 이동하는 기본 64 데이터로 이미지를 변환하는 데 도움이됩니다.

이 개념 here

당신이 옵션으로 설정 한 경우 그것은 당신의 스타일 시트의 기본 url() 동작을 대체하는 아주 좋은 평신도의 도입이있다.

그런 식으로, 당신이 말할 때 :

대신 이미지 파일에 링크의

.someElement 
    background-image url('someImage.png') 

은, 스타일러스가 출력 스타일