๊ทธ๋ฌํ ์์ฒญ์ ๋ํ ๋ฌธ์ ๋ฅผ ์ฐพ์ง ๋ชปํ์ฌ ํ๋ ๋ง๋ค๊ณ ์์ต๋๋ค.
8์ 24์ผ ์ดํ๋ก ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฒ์ด ์ค์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
ํ์ผ ๋ณ๊ฒฝ ์ฌํญ์ ๊ด์ฐฐํ๊ธฐ ์ํด nodemon์ ์ฌ์ฉํ๊ณ npm ์คํฌ๋ฆฝํธ์์ tslint๋ฅผ ์คํํฉ๋๋ค. ํ ๊ฐ์ง ์ https://github.com/ryancat/create-ts-library/blob/master/package.json#L9
nodemon์ด ์ข ๋ฃ๋์ง ์๋๋ก ํ๋ ค๋ฉด ์ค๋ฅ ์ฝ๋ 2๋ก ์ข ๋ฃํ์ง ์์๋ ๋ฉ๋๋ค.
์ด ๊ธฐ๋ฅ์ ํ์์ฑ์ ๊ฐ์กฐํ๊ณ ์ถ์ต๋๋ค.
์ด ๊ธฐ๋ฅ์ด ๊ตฌํ๋์์ผ๋ฉด ํฉ๋๋ค
์ด์ด ๋์. ๊ทธ๋ฆฌ๊ณ ์ ์ผํ ์ฒ๋ฐฉ์ more --watch
์
๋๋ค.
์ด๊ฒ์ ์ฆ๋ถ ์ฌ์คํ์ ์ง์ํ๊ธฐ ์ํด ๊ทผ๋ณธ์ ์ผ๋ก ์ฌ์ค๊ณํด์ผ ํ ๊ฐ๋ฅ์ฑ์ด ๋๊ธฐ ๋๋ฌธ์ ๊ตฌํํ๊ธฐ _๋งค์ฐ ์ด๋ ค์ด_ ๊ธฐ๋ฅ์ด๋ฏ๋ก ์ฌ๊ธฐ์์ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ ์์์ ์ธ๊ธํ nodemon
๋๋ https์ ๊ฐ์ ๋ค๋ฅธ ๊ธฐ์กด ๊ฐ์ ๋๊ตฌ์ tslint๋ฅผ ๊ฒฐํฉํ๋ ๊ฒ์
๋๋ค. //www.npmjs.com/package/watch
์ ์ง์ ์ธ ์ฌ์คํ์ ์ง์ํ๊ธฐ ์ํด ๊ทผ๋ณธ์ ์ผ๋ก ์ฌ์ค๊ณํด์ผ ํจ
FWIW๋ ๋งค์ฐ ์ด๋ ต๊ฒ ๋ค๋ฆฌ์ง๋ง ํ์ฌ ๋๊ตฌ์์์ ๊ฐ์ด ๋ณ๊ฒฝ ์ ๋ชจ๋ tslint๋ฅผ ๋ค์ ์คํํ๋ ๊ฒ๋ณด๋ค ์ฑ๋ฅ์ด ๋ฐ์ด๋ฉ๋๋ค. ๊ฑด์ ํ ์ดํด์ ํจ๊ป ์ด ์์ฒญ์ +1ํฉ๋๋ค.
โ ์ด๊ฑฐ.
๊ตฌํํ๊ธฐ๊ฐ ์ ๋ง ์ด๋ ต๋ค๋ ๊ฒ์ ์ดํดํ๊ธฐ ๋๋ฌธ์ ๋ด ๋๊ตฌ๋ ์ค์ ๋ก ์ด ๋์์ ์ง์ํฉ๋๋ค. https://github.com/guidojo/multipleTypescriptCompilers#readme
์ด ๋๊ตฌ๋ ํ์ฌ tsc ์ปดํ์ผ๋ฌ๋ฅผ ์คํํ๊ณ ์์ผ๋ฉฐ ๊ฐ ์คํ ํ์๋ ๊ฐ ํ์ผ์ ๊ฐ๋ณ์ ์ผ๋ก ๋ฆฐํธํฉ๋๋ค. ๋ค๋ฅธ ์ปดํ์ผ์ ์ํด ์ค๋จ๋๋ฉด ์ค๋จ๋ฉ๋๋ค. :)
์๋ฌด๋ ์ด๊ฒ์ ์์ง ์กฐ์ฌํ์ง ์์์ต๋๊น?
๊ทธ๋์ ๋ด npm ์คํฌ๋ฆฝํธ์์ onchange
ํจํค์ง๋ฅผ ์ฌ์ฉํ์ต๋๋ค.
prettier
๋ฌธ์์์ ๋ณธ ํ: https://prettier.io/docs/en/watching-files.html
onchange
ํจํค์ง๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ฒฝํ๊ฒ ์๋ํฉ๋๋ค. @alexburner์ ์ ์์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ํ์ฌ tslint์ stylelint ๋ชจ๋์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
{
"lint": "concurrently \"yarn tslint:once\" \"yarn stylelint:once\" && onchange 'src/**/*.*' -- concurrently \"yarn tslint:once\" \"yarn stylelint:once\"",
"tslint:once": "tslint -p . -c ./tslint.json --fix './src/**/*.+(ts|tsx)'",
"stylelint:once": "stylelint --fix **/*.scss",
}
CLI ์ฌ์ฉ ์ฌ๋ก์๋ onchange
์๋ฃจ์
์ด๋ฉด ์ถฉ๋ถํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ํ๋ ๊ฒฝ์ฐ Node API๋ฅผ ์ฌ์ฉํ๊ณ ๊ทธ ์์ ๊ฐ์์๋ฅผ ๊ตฌํํ ์ ์์ต๋๋ค. TSLint์ ๋ค๋ฅธ ๊ณณ์์ ๊ฐ๋ฐ ๋
ธ๋ ฅ์ ์ง์คํ๊ณ ์ถ๊ธฐ ๋๋ฌธ์ ์ด ๊ธ์ ๋ง์น๊ฒ ์ต๋๋ค.
๋๋ ์ด๊ฒ์ด ํ์๋์ด์ผ ํ๊ณ ์ด์ ์ด ํ์ฌ ๋ค๋ฅธ ๊ณณ์ ์๋๋ผ๋ ์ ์ด๋ ๋ก๋๋งต์ ๋จ์ ์์ด์ผ ํ๋ค๋ ๋ฐ ๋์ํ์ง ์์ต๋๋ค. ๋ณด๊ธฐ๊ฐ tsc์ tsc -w
์ ๋นํด ๋๋ฌด ๋ณต์กํด ๋ณด์
๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ์ด๊ฒ์ด ํ์๋์ด์ผ ํ๊ณ ์ด์ ์ด ํ์ฌ ๋ค๋ฅธ ๊ณณ์ ์๋๋ผ๋ ์ ์ด๋ ๋ก๋๋งต์ ๋จ์ ์์ด์ผ ํ๋ค๋ ๋ฐ ๋์ํ์ง ์์ต๋๋ค. ๋ณด๊ธฐ๊ฐ tsc์
tsc -w
์ ๋นํด ๋๋ฌด ๋ณต์กํด ๋ณด์ ๋๋ค.