# 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
λ‘ μ λ¬ λκΈ° λλ¬Έμ
λλ€.
μ΄κ²μ κ΄ν μ΄λ€ μ λ°μ΄νΈ?
μ, μ
λ°μ΄νΈκ° μμ΅λκΉ?
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 μΌνΈ.
κ°μ₯ μ μ©ν λκΈ
μ΄κ²μ μνμ λν΄ κΆκΈνμλκΉ? λ Έλ 6/7μμμ΄ μ€λ₯κ° λ°μν©λλ€.