Less.js: μ†ŒμŠ€ λ§΅μ—λŠ” λ‹«λŠ” κ΄„ν˜Έμ— λŒ€ν•œ 맀핑이 μ—†μŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2020λ…„ 03μ›” 01일  Β·  4μ½”λ©˜νŠΈ  Β·  좜처: less/less.js

버전 3.11.1을 μ‚¬μš©ν•˜μ—¬ λ‹€μŒ νŒŒμΌμ— λŒ€ν•œ μ†ŒμŠ€ 맡을 생성할 λ•Œ

.example {
  display: grid;
  transition: all 0.5s;
  user-select: none;
  background: linear-gradient(to bottom, white, black);
}

<strong i="6">@color</strong>: "blue";

#my-div {
  color: @color;
}

λ…Έλ“œ μŠ€ν¬λ¦½νŠΈμ—μ„œ λ‹€μŒ λͺ…령을 μ‚¬μš©ν•˜μ—¬

less.render(lessFileContents, { sourceMap: { sourceMapFileInline: false } })
  .then(function (output) {},

그런 λ‹€μŒ μ†ŒμŠ€ 맡을 보고 https://sokra.github.io/source-map-visualization/#custom λ„κ΅¬μ—μ„œ μ‹€ν–‰ν•©λ‹ˆλ‹€.

{"version":3,"sources":["input"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,oBAAA;EACA,iBAAA;EACA,YAAY,wCAAZ;;AAKF;EACE,OAHM,MAGN"}

}에 λŒ€ν•œ 맀핑이 μžˆμ–΄μ•Ό ν•˜λŠ” 이 두 맀핑 wCAAZ;;AAKF μ‚¬μ΄μ˜ 빈 쀄을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. 이것은 μƒμ„±λœ 맡이 원본 Less 파일둜 λŒμ•„κ°€λŠ” 데 μ‚¬μš©ν•˜λŠ” 쀑간 단계인 μ†ŒμŠ€ 맡을 λ§Œλ“€ λ•Œ λ¬Έμ œκ°€ λ©λ‹ˆλ‹€.

μ—…λ°μ΄νŠΈλ‘œ Stylus와 node-sassλ₯Ό μ‹œλ„ν–ˆμ§€λ§Œ λͺ¨λ‘ μƒμ„±λœ 파일의 λ‹«λŠ” κ΄„ν˜Έμ— λŒ€ν•œ 맀핑이 μ›λž˜ 파일둜 λŒμ•„μ˜€μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. 이것은 일반적인 μ „μ²˜λ¦¬κΈ°μ˜ ν•œκ³„μΌκΉŒμš”?

stale

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

Lessκ°€ ꡉμž₯ν•˜λ‹€κ³  λ§ν•˜κ³  μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€.

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

κ°„λ‹¨ν•œ λŒ€λ‹΅μ€ Less(ν˜„μž¬)μ—λŠ” μ†ŒμŠ€ μ‹œμž‘λ§Œ μΆ”μ ν•˜κ³  μ†ŒμŠ€ 끝은 μΆ”μ ν•˜μ§€ μ•ŠλŠ” 맀우 κ°„λ‹¨ν•œ νŒŒμ„œκ°€ μžˆλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€. λŒ€λΆ€λΆ„ μ†ŒμŠ€ 맡이 κ°œλ…μ΄ 되기 전에 μƒμ„±λ˜μ—ˆκΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

μ €λŠ” 4.x용으둜 Chevrotain 을 μ‚¬μš©ν•˜μ—¬ Less νŒŒμ„œλ₯Ό μ²˜μŒλΆ€ν„° λ‹€μ‹œ μž‘μ„±ν–ˆμœΌλ©° μƒλ‹Ήν•œ μ–‘μ˜ μž‘μ—…μ„ μˆ˜ν–‰ν–ˆμ§€λ§Œ μž¬μ • 지원 없이(일λͺ… Open Collective ) μ‹€μ œλ‘œ μž‘μ—…λ§Œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ œν•œλœ 자유 μ‹œκ°„μ—. μ§€κΈˆλ„ ν•˜κ³  μ‹Άμ§€λ§Œ μ‹œκ°„μ΄ μ’€ 걸릴 수 μžˆμŠ΅λ‹ˆλ‹€.

λΉ λ₯Έ 응닡에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€. Ill은 κΈˆμš”μΌμ— μ—΄λ¦° 집단에 κΈ°μ—¬ν•©λ‹ˆλ‹€. λ‚˜λŠ” 그것이 λ―Έλž˜μ— λ‚˜μ˜¨λ‹€λŠ” 것을 μ•Œκ³  있기 λ•Œλ¬Έμ— μƒˆλ‘œμš΄ νŒŒμ„œμ— λŒ€ν•΄ ν₯λΆ„ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ €λŠ” μ›”κ°„ 기고자둜 λ“±λ‘ν•˜κ³  Meteor Slack 채널과 LinkedInμ—μ„œ λ°œν‘œν–ˆμŠ΅λ‹ˆλ‹€. μ•žμœΌλ‘œλ„ LESS에 λŒ€ν•œ 지지λ₯Ό λͺ¨μ„ 수 μžˆλ„λ‘ λ…Έλ ₯ν•˜κ² μŠ΅λ‹ˆλ‹€. λ‚΄κ°€ κ°€μž₯ μ’‹μ•„ν•˜λŠ” ν”„λ‘œμ νŠΈ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€.

Lessκ°€ ꡉμž₯ν•˜λ‹€κ³  λ§ν•˜κ³  μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€.

이 λ¬Έμ œλŠ” 졜근 ν™œλ™μ΄ μ—†μ—ˆκΈ° λ•Œλ¬Έμ— μžλ™μœΌλ‘œ 였래된 κ²ƒμœΌλ‘œ ν‘œμ‹œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 더 이상 ν™œλ™μ΄ μ—†μœΌλ©΄ νμ‡„λ©λ‹ˆλ‹€. κ·€ν•˜μ˜ 기여에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€.

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