Less.js: bin / lesscλ₯Ό μ‚¬μš©ν•˜λ©΄ "κ²½λ‘œκ°€ λ¬Έμžμ—΄μ΄μ–΄μ•Όν•©λ‹ˆλ‹€. μ •μ˜λ˜μ§€ μ•Šμ€ μˆ˜μ‹ "이 λ°œμƒν•©λ‹ˆλ‹€.

에 λ§Œλ“  2016λ…„ 05μ›” 10일  Β·  12μ½”λ©˜νŠΈ  Β·  좜처: less/less.js

# 2881μ—μ„œ 이미보고되고 # 2891 을 병합 ν•œ ν›„ λ…Έλ“œ v6μ—μ„œ lessc --source-map-map-inline styles/main.less λ₯Ό μ‹€ν–‰ν•˜λ©΄

TypeError: Path must be a string. Received undefined
    at assertPath (path.js:7:11)
    at Object.basename (path.js:1355:5)
    at /Users/jhnns/dev/jhnns/less.js/bin/lessc:311:61
    at Object.<anonymous> (/Users/jhnns/dev/jhnns/less.js/bin/lessc:508:3)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:456:32)
    at tryModuleLoad (module.js:415:12)
    at Function.Module._load (module.js:407:3)

μ •μ˜λ˜μ§€ μ•Šμ€ κ²½λ‘œκ°€ basename 둜 전달 되기 λ•Œλ¬Έμž…λ‹ˆλ‹€.

bug low priority up-for-grabs

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

μ΄κ²ƒμ˜ μƒνƒœμ— λŒ€ν•΄ κΆκΈˆν•˜μ‹­λ‹ˆκΉŒ? λ…Έλ“œ 6/7μ—μ„œμ΄ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

λͺ¨λ“  12 λŒ“κΈ€

이것에 κ΄€ν•œ μ–΄λ–€ μ—…λ°μ΄νŠΈ?

예, μ—…λ°μ΄νŠΈκ°€ μžˆμŠ΅λ‹ˆκΉŒ?
LTS 인 node @ 6 둜 μ΄λ™ν•˜κ³  μ‹Άμ§€λ§Œμ΄ λ¬Έμ œκ°€ ν•΄κ²° 될 λ•ŒκΉŒμ§€ ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

μ΄κ²ƒμ˜ μƒνƒœμ— λŒ€ν•΄ κΆκΈˆν•˜μ‹­λ‹ˆκΉŒ? λ…Έλ“œ 6/7μ—μ„œμ΄ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

이 였λ₯˜λ„ λ°œμƒν•©λ‹ˆλ‹€ ..
λ³„λ„μ˜ 맡 파일둜 μ €λ₯Ό μ–΄λ–»κ²Œ 컴파일 ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?
λ‹€μŒ λͺ…령을 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
lessc --no-color test.less --source-map=test.css.map -source-map-url=test.css.map

@jhnnsκ°€ μ–ΈκΈ‰ν–ˆλ“―μ΄ 좜λ ₯에 λŒ€ν•œ 두 번째 맀개 λ³€μˆ˜λ₯Ό μ°Ύκ³ μžˆλŠ” κ²ƒμœΌλ‘œ λ°ν˜€

lessc --source-map=test.less.map test.less>test.css

κ·ΈλŸ¬λ‚˜ 좜λ ₯ νŒŒμΌμ„ νŒŒμ΄ν”„ λŒ€μ‹  맀개 λ³€μˆ˜λ‘œ μΆ”κ°€ν•˜λ©΄ μž‘λ™ν•©λ‹ˆλ‹€.

lessc --source-map=test.less.map test.less ./test.css

도움이 되길 λ°”λžλ‹ˆλ‹€ πŸ‘

즉, μ μ ˆν•œ μˆ˜μ •μ€ "μ†ŒμŠ€ 맡 파일이 μ§€μ •λ˜μ—ˆμ§€λ§Œ 좜λ ₯ CSSκ°€ μ§€μ •λ˜μ§€ μ•Šμ€ 경우 였λ₯˜ λ°œμƒ"μž…λ‹ˆλ‹€. λ§žμŠ΅λ‹ˆκΉŒ?
λΆ„λͺ…νžˆ μ†ŒμŠ€ 맡이 νŠΉμ • CSS νŒŒμΌμ„ μ°Έμ‘° ν•΄μ•Ό ν•˜κΈ° λ•Œλ¬Έμ— 좜λ ₯ CSSκ°€ μ§€μ •λ˜μ§€ μ•Šμ€ μ μ ˆν•œ μ†ŒμŠ€ 맡을 μƒμ„±ν•˜λŠ” (μ €μ†ν•˜μ§€ μ•Šμ€) 방법이 μ—†μŠ΅λ‹ˆλ‹€. 즉, λ‹€μŒ λͺ…λ Ή 쀄은 μ˜λ―Έκ°€ μ—†μŠ΅λ‹ˆλ‹€.

lessc --source-map=test.less.map test.less
lessc --source-map=test.less.map test.less > test.css

μ•„λ‹ˆμš”, μ˜ˆμ „μ²˜λŸΌ μž‘λ™ν•΄μ•Όν•©λ‹ˆλ‹€-λ‹€μŒ 두 λͺ…λ Ή :

lessc --source-map=test.less.map test.less
lessc --source-map=test.less.map test.less > test.css

이것을 λ§ˆμ§€λ§‰ μ€„λ‘œ 좜λ ₯ν•΄μ•Όν•©λ‹ˆλ‹€ :

/*# sourceMappingURL=test.less.map */

CSS 좜λ ₯ 파일 이름은 μ „ν˜€ 관련이 μ—†μœΌλ©° 맡에 λŒ€ν•œ 링크 만 μ€‘μš”ν•©λ‹ˆλ‹€.

CSS 좜λ ₯ 파일 이름은 μ™„μ „νžˆ 관련이 μ—†μŠ΅λ‹ˆλ‹€.

μ†ŒμŠ€ λ§΅μ—λŠ” 좜λ ₯ CSSλ₯Ό κ°€λ¦¬ν‚€λŠ” file ν•„λ“œκ°€ μžˆμŠ΅λ‹ˆλ‹€ (μ΅œμ‹  사양 κ°œμ •μ—μ„œλŠ” 선택 μ‚¬ν•­μž„μ„ μ•Œ 수 μžˆμŠ΅λ‹ˆλ‹€).

μ–΄λŠ μͺ½μ΄λ“ , μ œκ°€ 말할 μˆ˜μžˆλŠ” ν•œ λ¬Έμ œλŠ”μ΄ 뢀뢄에 μžˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ output κ°€ μ •μ˜λ˜μ§€ μ•Šμ€ 경우 css 좜λ ₯ 디렉토리λ₯Ό μ–΄λ–€ 디렉토리 (sourcemap dir?)둜 λ°”κΎΈλ©΄λ©λ‹ˆλ‹€.
음, PR은 μ’‹μŠ΅λ‹ˆλ‹€ (개인적으둜 μ €λŠ” μ†ŒμŠ€ 맡을 μ‚¬μš©ν•˜μ§€ μ•ŠμœΌλ©° μΆ”κ°€ ν…ŒμŠ€νŠΈλ₯Ό μœ„ν•΄ μ΄λŸ¬ν•œ λ³€κ²½μœΌλ‘œ 인해 μ–΄λ–€ μ˜΅μ…˜μ΄ 깨질 수 μžˆλŠ”μ§€ μ „ν˜€ λͺ¨λ¦…λ‹ˆλ‹€).

λ°°κ΄€κ³Ό ν•¨κ»˜ μ™ΈλΆ€ μ†ŒμŠ€ 맡을 μ§€μ›ν•˜λŠ” 것은 κΈ°λŠ₯적 κ°€μΉ˜λ₯Ό μ œκ³΅ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. * nix μ‚¬μš©μžμ—κ²Œ μ‹€μ œ 좜λ ₯ 맀개 λ³€μˆ˜λ₯Ό μ§€μ •ν•˜λŠ” λŒ€μ‹  νŒŒμΌμ— νŒŒμ΄ν•‘ν•˜λŠ” κ·œμΉ™ 만 μ œκ³΅ν•©λ‹ˆλ‹€.

μ™ΈλΆ€ μ†ŒμŠ€ 맡을 생성 ν•œ λ‹€μŒ 좜λ ₯ CSSλ₯Ό μΆ”κ°€ μž‘μ—…μœΌλ‘œ νŒŒμ΄ν”„ν•˜λŠ” 것은 μ˜λ―Έκ°€ μ—†μŠ΅λ‹ˆλ‹€.

νŒŒμ΄ν•‘μ€ 체인의 λ‹€μŒ λ‹¨κ³„μ—μ„œ λ°œμƒν•˜λŠ” μΆ”κ°€ λ³€κ²½ λ˜λŠ” μ΅œμ’… λ‹¨κ³„μ—μ„œ μ›Ή μ„œλ²„ μ‘μš© ν”„λ‘œκ·Έλž¨μ—μ„œ μ œκ³΅ν•˜κΈ° μœ„ν•΄ μ†ŒλΉ„λ˜λŠ” CSS (및 μ†ŒμŠ€ 맡)λ₯Ό μ˜λ―Έν•©λ‹ˆλ‹€.

Lessκ°€ CSS 좜λ ₯을 λ³€κ²½ν•˜λ©΄ Lessκ°€ 생성 ν•œ μ†ŒμŠ€ 맡이 λ¬΄νš¨ν™”λ©λ‹ˆλ‹€. μ†ŒμŠ€ 맡을 λ‹€μ‹œ μœ νš¨ν•˜κ²Œ λ§Œλ“€λ €λ©΄ μ΄λŸ¬ν•œ λ³€κ²½ 사항을 λ‹€λ₯Έ μ†ŒμŠ€ 맡으둜 좔적 ν•œ λ‹€μŒ Less의 μ›λž˜ 좜λ ₯κ³Ό λ³‘ν•©ν•˜μ—¬ μ›λž˜ .less 파일의 μ˜¬λ°”λ₯Έ λ‚΄μš©μœΌλ‘œ 맀핑을 λ³΅μ›ν•˜λŠ” 볡합 μ†ŒμŠ€ 맡을 λ§Œλ“€μ–΄μ•Όν•©λ‹ˆλ‹€. .

νŒŒμ΄ν”„ μž‘μ—… 체인에 더 이상 μ‘΄μž¬ν•˜λŠ” 것은 νŒŒμ΄ν”„λ‘œ μ „μ†‘λ˜μ§€ μ•ŠκΈ° λ•Œλ¬Έμ— 더 이상 μ™ΈλΆ€ μ†ŒμŠ€ 맡에 λŒ€ν•œ μ°Έμ‘°λ₯Ό 갖지 μ•ŠμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œμ΄ μž‘μ—…μ„ μˆ˜ν–‰ ν•  수 μ—†μœΌλ©° 항상 깨진 μ†ŒμŠ€ 맡에 κ°‡ν˜€ μžˆμŠ΅λ‹ˆλ‹€.

그리고 λ¬Όλ‘ ; 체인의 λ§ˆμ§€λ§‰ 단계가 컴파일 된 CSS와 μ†ŒμŠ€ 맡을 μ œκ³΅ν•˜λŠ” 것이라면 λ™μΌν•œ λ¬Έμ œμž…λ‹ˆλ‹€. 지도에 λŒ€ν•œ μ°Έμ‘°κ°€ μ—†μŠ΅λ‹ˆλ‹€. (μ–΄μ¨Œλ“  ν•˜λ‚˜μ˜ μš”μ²­μ— λŒ€ν•œ μ‘λ‹΅μœΌλ‘œ 두 νŒŒμΌμ„ μ–΄λ–»κ²Œ 제곡 ν•  μ˜ˆμ •μž…λ‹ˆκΉŒ? μ†ŒμŠ€ 맡을 μΈλΌμΈν•˜λŠ” μ€‘μž…λ‹ˆκΉŒ? κ·Έλ ‡λ‹€λ©΄ μ‹œμž‘ν•˜κΈ° μœ„ν•΄ 인라인 맡으둜 less νŒŒμΌμ„ μ»΄νŒŒμΌν•˜λŠ” 것은 μ–΄λ–»μŠ΅λ‹ˆκΉŒ?)

λ‚˜λŠ” 생성 된 μ•„ν‹°νŒ©νŠΈκ°€ κΉ¨μ§€λŠ” 문제둜만 μ΄μ–΄μ§ˆ μˆ˜μžˆλŠ” μž‘μ—… 쑰합을 ν—ˆμš©ν•˜μ§€ μ•ŠλŠ” λͺ…ν™•μ„±κ³Ό μ‚¬μš©μž 지침 (예 : 'μ„±κ³΅μ˜ ꡬ덩이에 빠지기')을 μ„ ν˜Έν•©λ‹ˆλ‹€.

λ°°κ΄€κ³Ό ν•¨κ»˜ μ™ΈλΆ€ μ†ŒμŠ€ 맡을 μ§€μ›ν•˜λŠ” 것은 κΈ°λŠ₯적 κ°€μΉ˜λ₯Ό μ œκ³΅ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. * nix μ‚¬μš©μžμ—κ²Œ μ‹€μ œ 좜λ ₯ 맀개 λ³€μˆ˜λ₯Ό μ§€μ •ν•˜λŠ” λŒ€μ‹  νŒŒμΌμ— νŒŒμ΄ν•‘ν•˜λŠ” κ·œμΉ™ 만 μ œκ³΅ν•©λ‹ˆλ‹€.

λ™μ˜ν•©λ‹ˆλ‹€. 좜λ ₯ 파일 이름을 μ§€μ •ν•˜λ €λ©΄ lessc μ»΄νŒŒμΌλŸ¬μ— λŒ€ν•œ 인수둜 μ§€μ •ν•΄μ•Όν•©λ‹ˆλ‹€.

즉, 배관은 과거에 λ¬Έμ„œν™” λ˜μ—ˆμŠ΅λ‹ˆκΉŒ? 그렇지 μ•Šλ‹€λ©΄ 그것은 λ…ΌμŸμ˜ 여지가 있으며 ν˜„μž¬ 행동을 λ¬Έμ„œν™” ν•  수 μžˆμŠ΅λ‹ˆλ‹€. κ·Έλ ‡λ‹€λ©΄ κ³Όκ±° 및 ν˜„μž¬ μ§€μ›λ˜μ§€ μ•ŠλŠ” 행동을 λ¬Έμ„œν™”ν•΄μ•Όν•©λ‹ˆλ‹€.

즉, 배관은 과거에 λ¬Έμ„œν™” λ˜μ—ˆμŠ΅λ‹ˆκΉŒ?

νŒŒμ΄ν•‘μ€ stdout λ˜λŠ” stderrκ³Ό 같은 μŠ€νŠΈλ¦Όμ„ λ¦¬λ””λ ‰μ…˜ν•˜μ—¬ μž‘λ™ν•©λ‹ˆλ‹€. lessc에 좜λ ₯ 파일 이름이 주어지지 μ•ŠμœΌλ©΄ stdout으둜 좜λ ₯λ©λ‹ˆλ‹€. 그런 μ˜λ―Έμ—μ„œ 배관은 항상 κ³΅μ‹μ μœΌλ‘œ μ§€μ›λ˜μ—ˆμœΌλ©° κ³„μ†ν•΄μ„œ μ§€μ›λ˜μ–΄μ•Όν•©λ‹ˆλ‹€. 그렇지 μ•ŠμœΌλ©΄ νŒŒμ΄ν”„μ— μ˜μ‘΄ν•˜μ—¬ νŒŒμΌμ„ css둜 μ œκ³΅ν•˜λŠ” 데 ν•„μš”ν•œ μ„œλ²„ μ‘μš© ν”„λ‘œκ·Έλž¨μ— μ μ‹œμ— 컴파일 된 νŒŒμΌμ„ 적게 μ „λ‹¬ν•˜λŠ” μ‚¬λžŒλ“€μ„μœ„ν•œ κ±΄μ „ν•œ μ‚¬μš© 사둀λ₯Ό 많이 깨뜨릴 κ²ƒμž…λ‹ˆλ‹€.

μ†ŒμŠ€ 맡과 ν•¨κ»˜ νŒŒμ΄ν•‘μ„ μ‚¬μš©ν•˜λ €λŠ” κ²½μš°μ—λ„ 정상적인 λ°©λ²•μœΌλ‘œ κ°€λŠ₯ν•©λ‹ˆλ‹€.
인라인 μ†ŒμŠ€ 맡으둜 λ§Œλ“  λ‹€μŒ νŒŒμ΄ν”„μ˜ μΆ”κ°€ 처리 단계에 μ˜μ‘΄ν•˜μ—¬ 인라인 맡을 λ””μ½”λ”©ν•΄μ•Όν•©λ‹ˆλ‹€. μˆ˜μ • 사항을 λ³‘ν•©ν•˜μ‹­μ‹œμ˜€. ν•΄λ‹Ή 단계가 lessc μ»΄νŒŒμΌλŸ¬μ— μ˜ν•΄ 컴파일 된 CSSλ₯Ό μΆ”κ°€λ‘œ μˆ˜μ •ν•  λ•Œλ§ˆλ‹€ 인라인 μ†ŒμŠ€ 맡으둜 λ‹€μ‹œ μ μš©ν•˜μ‹­μ‹œμ˜€.

그런 λ‹€μŒ μ„±λŠ₯을 μœ„ν•΄ μ™ΈλΆ€ μ†ŒμŠ€ 맡을 원할 경우, 즉 λͺ¨λ“  λ°©λ¬Έμžμ—κ²Œ μ „λ‹¬λ˜λŠ” 인라인 맡의 μΆ”κ°€ λ°”μ΄νŠΈλ₯Ό ν”Όν•˜μ‹­μ‹œμ˜€. -νŒŒμ΄ν”„ 라인의 λ§ˆμ§€λ§‰ λ‹¨κ³„λŠ” 인라인 μ†ŒμŠ€ 맡을 λΆ„λ¦¬ν•˜κ³  css 파일과 맡 파일의 두 νŒŒμΌμ„ 좜λ ₯ν•΄μ•Όν•©λ‹ˆλ‹€.

μ™ΈλΆ€ μ†ŒμŠ€ 맡을 생성 ν•œ λ‹€μŒ 좜λ ₯ CSSλ₯Ό μΆ”κ°€ μž‘μ—…μœΌλ‘œ νŒŒμ΄ν”„ν•˜λŠ” 것은 μ˜λ―Έκ°€ μ—†μŠ΅λ‹ˆλ‹€.

νŒŒμ΄ν•‘μ€ 체인의 λ‹€μŒ λ‹¨κ³„μ—μ„œ λ°œμƒν•˜λŠ” μΆ”κ°€ λ³€κ²½ λ˜λŠ” μ΅œμ’… λ‹¨κ³„μ—μ„œ μ›Ή μ„œλ²„ μ‘μš© ν”„λ‘œκ·Έλž¨μ—μ„œ μ œκ³΅ν•˜κΈ° μœ„ν•΄ μ†ŒλΉ„λ˜λŠ” CSS (및 μ†ŒμŠ€ 맡)λ₯Ό μ˜λ―Έν•©λ‹ˆλ‹€.

λ‚˜λŠ” 인용 된 μ •μ„œμ— λ™μ˜ν•˜μ§€ μ•ŠμœΌλ©° 주어진 νŒŒμ΄ν”„μ˜ λ°˜λŒ€νŽΈμ— 무엇이 μžˆλŠ”μ§€ κ°€μ •ν•˜λŠ” 것은 잘λͺ»λœ 것이라고 μƒκ°ν•©λ‹ˆλ‹€. νŒŒμ΄ν”„κ°€ μ–΄λ”˜κ°€μ— μ—…λ‘œλ“œλ˜λ©΄ μ–΄λ–»κ²Œλ©λ‹ˆκΉŒ? νŒŒμ΄ν”„κ°€ κ²°κ³Ό CSSλ₯Ό μ œκ³΅ν•˜μ§€λ§Œ ν΄λΌμ΄μ–ΈνŠΈκ°€ 항상 μ†ŒμŠ€ 맡을 ν•„μš”λ‘œν•˜λŠ” 것은 μ•„λ‹ˆλΌλ©΄ μ–΄λ–¨κΉŒμš”?

--source-map-url ν”Œλž˜κ·Έκ°€ κ΅¬ν˜„ λ˜μ—ˆκΈ° λ•Œλ¬Έμ—μ΄ μ‚¬μš© 사둀가 μ§€μ›λ˜μ–΄μ•Όν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

μ–΄μ¨Œλ“  μ‚¬μš©μžλŠ” 특히 도움말 ν…μŠ€νŠΈμ—μ„œ ν”Œλž˜κ·Έλ₯Ό 전달할 λ•Œ νŒŒμ•…ν•  μˆ˜μ—†λŠ” μž‘νžˆμ§€ μ•Šμ€ 였λ₯˜λ₯Ό 보지 μ•Šμ•„μ•Όν•©λ‹ˆλ‹€.

이 λ¬Έμ œμ— μ˜ν•΄ 차단 된 ν›„ 2 μ„ΌνŠΈ.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰