JS Beautify์ ๋น ์ค์ ์ ๊ฑฐํ๋ ์ต์ ์ด ์์ผ๋ฉด ์ ์ฉํฉ๋๋ค.
Includes, partials ๋ฐ ๊ธฐํ ์๋ฒ ์ธก ์ฝ๋๋ HTML์์ ๋น ์ค์ ๋ง๋ค ์ ์์ต๋๋ค. ์ด ๋น ์ค์ด ์์ผ๋ฉด HTML์ด ๋ ์๋ฆ๋ต์ต๋๋ค.
์ด๊ฒ์ ๋ฒ์ 1.3.1์ ๋์ ์ด์์ง๋ง https://github.com/einars/js-beautify/issues/285 ์์ ๋ณ๊ฒฝ๋์๋ค๊ณ ์๊ฐํฉ๋๋ค
์ ๋ ฅ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<p>P1</p>
<p>P2</p>
</body>
</html>
_ (์ฐธ๊ณ : P1 ๋ค์ ์ค์๋ ๊ณต๋ฐฑ๊ณผ ํญ์ด ํฌํจ๋์ด์ผํ์ง๋ง GitHub Flavored Markdown์์ ์ ๊ฑฐํฉ๋๋ค.์ด ์ค์ ์ฌ์ ํ โโJS Beautify์ ์ํด ์ ๊ฑฐ๋์ด์ผํฉ๋๋ค.) _
๊ตฌ์ฑ :
js-beautify input.html -o output.html --remove-empty-lines
์์ ์ถ๋ ฅ :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<p>P1</p>
<p>P2</p>
</body>
</html>
์ค์ ์ถ๋ ฅ :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<p>P1</p>
<p>P2</p>
</body>
</html>
ํ๋ฅญํ ๋ณด๊ณ ์์
๋๋ค. ๊ฐ์ฌํฉ๋๋ค. --no-preserve-newlines
์ต์
์ ์ฌ์ฉํด ๋ณด์
จ์ต๋๊น? ๋์ผํ์ง ์๋ค๋ ๊ฒ์ ์๊ณ ์์ง๋ง ๋จ๊ธฐ์ ์ผ๋ก ํด๊ฒฐํ๊ธฐ์ ์ถฉ๋ถํ ์ ์์ต๋๋ค.
: +1 : @keeganstreet ์ ์์ . 1.4.0์ ๋๋ถ๋ถ์ ๋ณ๊ฒฝ ์ฌํญ์ ํ๋ฅญํ์ง๋ง ๋ชจ๋ ๋น ์ค์ ์ ๊ฑฐํ๋ ์ต์
์ด ์์ผ๋ฉด ์ข์ ๊ฒ์
๋๋ค. IMO, max_preserve_newline
๊ฐ 0
๋ฅผ ๊ฐ์ผ๋ก ์กด์คํ๋ ๊ฒ์ด ๊ฐ์ฅ ํฉ๋ฆฌ์ ์ด์ง๋ง ๊ทธ๋ ์ง ์์ ๊ฒ ๊ฐ์ต๋๋ค.
๋ค, ์์ ์ด ๋ณด์
๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ๋๊น์ง 1
๋์ 0
?
๋น์ ์ด ์ํ๋ ํ๋์ ๋ณด์ฌ ์ฃผ๋์?
์๋ ํ์ธ์, CSS์ ๋์ผํ ์ต์ ์ ์ถ๊ฐ ํ ์ ์์ต๋๊น?
CSS์ ๋์ผํ ๊ธฐ๋ฅ์ ์ถ๊ฐํ์ญ์์ค :-)
@ Migacz85 ์ด๊ฒ์ ์๋ํด ๋ณด์
จ์ต๋๊น? ๋๋ ์ด๋ฏธ ๊ฑฐ๊ธฐ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ํ "newline-between-rules": false
๋ฅผ ์ค์ ํด์ผํฉ๋๋ค. ์ด๊ฒ์ด ์๋ํ์ง ์์ผ๋ฉด CSS์ ๋ํ ์๋ก์ด ๋ฌธ์ ๋ฅผ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์๋ ํ์ธ์, CSS์ ๋์ผํ ์ต์ ์ ์ถ๊ฐ ํ ์ ์์ต๋๊น?