Milligram: Bower νŒ¨ν‚€μ§€μ— src 포함

에 λ§Œλ“  2016λ…„ 05μ›” 03일  Β·  7μ½”λ©˜νŠΈ  Β·  좜처: milligram/milligram

ν˜„μž¬ bower νŒ¨ν‚€μ§€μ—λŠ” src 폴더가 ν¬ν•¨λ˜μ–΄ μžˆμ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 이것은 sass + gulpλ₯Ό μ‚¬μš©ν•˜μ—¬ λ°€λ¦¬κ·Έλž¨ 좜λ ₯을 μ‚¬μš©μž μ •μ˜ν•  수 μ—†μŒμ„ μ˜λ―Έν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ 더 μž‘μ€ 좜λ ₯을 μ–»κΈ° μœ„ν•΄ κ·Έλ¦¬λ“œμ™€ μ½”λ“œλ₯Ό 버리고 색상 λ³€μˆ˜λ₯Ό λ³€κ²½ν•˜κ³  싢을 수 μžˆμŠ΅λ‹ˆλ‹€. 이것은 λ‚΄κ°€ 가지고 놀아야 ν•˜λŠ” μœ μΌν•œ 두 가지 방법이 bowerλ₯Ό ν†΅ν•œ CSS λ˜λŠ” CDN을 ν†΅ν•œ CSS이기 λ•Œλ¬Έμ— ν˜„μž¬ λΆˆκ°€λŠ₯ν•©λ‹ˆλ‹€.

improvement

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

npm νŒ¨ν‚€μ§€μ— src 폴더도 ν¬ν•¨ν•˜μ„Έμš” :).

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

@cjpatoilo milligram/milligram-* νŒ¨ν‚€μ§€κ°€ μœ μ§€ κ΄€λ¦¬λ˜μ§€ μ•ŠκΈ° λ•Œλ¬Έμ— λͺ¨λ“ 

@roryprimrose @clayreimann 이번 λ‹¬μ—λŠ” 집을 μ •λ¦¬ν•˜μ—¬ λͺ¨λ“  것을 정리할 κ²ƒμž…λ‹ˆλ‹€.
관심을 κ°€μ Έμ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. λ§ˆμŒμ— λ“­λ‹ˆλ‹€.

npm νŒ¨ν‚€μ§€μ— src 폴더도 ν¬ν•¨ν•˜μ„Έμš” :).

@roryprimrose @clayreimann @TimonVS μ €λŠ” 순수 CSS둜 메인 μ €μž₯μ†Œλ₯Ό μœ μ§€ν•˜λ©΄μ„œ μ‚¬μš©μ„ μ΅œμ ν™”ν•˜κΈ° μœ„ν•΄ 각 μ „μ²˜λ¦¬κΈ°(less, sass, stylus..)에 λŒ€ν•΄ 독립적인 λͺ¨λ“ˆμ„ μƒμ„±ν•˜κΈ°λ‘œ μ„ νƒν–ˆμŠ΅λ‹ˆλ‹€. λͺ¨λ“  μ‚¬λžŒμ„ 단일 μ €μž₯μ†Œμ— 보관할 수 μžˆλŠ” μ†”λ£¨μ…˜μ„ μƒκ°ν•˜κ³  μžˆμ§€λ§Œ Milligram μ‚¬μš©μ— μ‹€μ œλ‘œ μ–Όλ§ˆλ‚˜ 도움이 λ˜κ±°λ‚˜ 더 λ³΅μž‘ν•΄μ§ˆ 수 μžˆλŠ”μ§€ λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€. μ–΄λ–»κ²Œ 생각해?

@cjpatoilo κ°€μž₯ 쒋은 방법은 sass/less/scss/whatever에 ν•œ 번 μž‘μ„±ν•œ λ‹€μŒ dist/ λ‹€λ₯Έ 디렉토리에 트랜슀파일된 버전을 μ œκ³΅ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.

λŒ€λΆ€λΆ„μ˜ μ‚¬λžŒλ“€μ€ λΉŒλ“œ μ„œλ²„μ—μ„œ 이것을 ν’€λ‹€μš΄ν•œ λ‹€μŒ μŠ€νƒ€μΌμ‹œνŠΈ λ²ˆλ“€λ‘œ λ‹€μ‹œ 컴파일/ν‰ν‰ν•˜κ²Œ ν•˜λ―€λ‘œ λͺ¨λ“  λ³€ν˜•μ„ λ‹€μš΄λ‘œλ“œν•˜κΈ° μœ„ν•΄ μΆ”κ°€λ‘œ ~100kbκ°€ μΆ”κ°€λ˜λŠ” 것을 λˆˆμΉ˜μ±„μ§€ λͺ»ν•  κ²ƒμž…λ‹ˆλ‹€. 컴파일된 CSS만 μ›ν•˜λŠ” μ‚¬λžŒλ“€μ€ githubcdn λ˜λŠ” npmcdn μ‚¬μš©ν•˜μ—¬ ν΄λΌμ΄μ–ΈνŠΈ μΈ‘μ—μ„œ CSSλ₯Ό ν’€λ‹€μš΄ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

이 λ°©λ²•μ˜ μž₯점은 λ‹€μ–‘ν•œ λ§ˆν¬μ—… μ–Έμ–΄ 간에 λͺ¨λ“  것이 항상 동기화 μƒνƒœλ₯Ό μœ μ§€ν•œλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€.

@clayreimann에 μ™„μ „νžˆ λ™μ˜ν•©λ‹ˆλ‹€. λͺ¨λ“  것을 ν•˜λ‚˜μ˜ 리포지토리에 λ³΄κ΄€ν•˜λ©΄ κΈ°μ—¬μžκ°€ (μ—¬λŸ¬ 개의 λ‹€λ₯Έ 리포지토리에 κΈ°μ—¬ν•˜λŠ” λŒ€μ‹ ) 더 μ‰½κ²Œ 무언가λ₯Ό κΈ°μ—¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

@roryprimrose @clayreimann @TimonVS μ£„μ†‘ν•©λ‹ˆλ‹€ μ—¬λŸ¬λΆ„!!! λ‚˜λŠ” μ˜€λž«λ™μ•ˆ μ™ΈμΆœν–ˆλ‹€. 이 κΈ°κ°„ λ™μ•ˆ λͺ¨λ“  리포지토리λ₯Ό μ—…λ°μ΄νŠΈν•˜κ³  있으며 λͺ¨λ“  것이 μ •μƒμœΌλ‘œ λŒμ•„μ˜¬ κ²ƒμž…λ‹ˆλ‹€.

BTWλŠ” μœ μ§€ 관리 κ°€λŠ₯성에 λŒ€ν•œ μ΄μœ κ°€ μžˆμŠ΅λ‹ˆλ‹€. ν™•μ‹€νžˆ 훨씬 μž‘μ„ κ²ƒμž…λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ 각 μ „μ²˜λ¦¬κΈ°μ— λŒ€ν•œ νŠΉμ • λ¦¬ν¬μ§€ν† λ¦¬λ‘œ λ™μΌν•œ 흐름을 μœ μ§€ν•˜κ² μŠ΅λ‹ˆλ‹€. μ§€κΈˆμ€ 이 μš”μ²­μ„ 닫을 κ²ƒμ΄μ§€λ§Œ μ˜μ‹¬μŠ€λŸ¬μš΄ 점이 있으면 이 문제λ₯Ό λ‹€μ‹œ μ—΄κ² μŠ΅λ‹ˆλ‹€.

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