๋๋ ์ค๋ ๋ฌธ์ ๋ฅผ ๋ณต์ ํ๋ ค๊ณ ๋
ธ๋ ฅํ๊ณ ๋ง์นจ๋ด ๋ด node_modules
๋๋ ํ ๋ฆฌ๋ฅผ ํดํนํ์ฌ ๋ญ๊ฐ๋ฅผ ์ป์์ต๋๋ค.
๊ธฐ๋ณธ์ ์ผ๋ก ํ์ฅ์ ์์ด LESS ํ์ผ์ ํฌํจํ๋ฉด ์๋ํ๋ค๋ ์ฌ์ค์ ์๊ณ ์์ง๋ง... node_modules
๋๋ ํ ๋ฆฌ์์ ํ์ฅ์ ์์ด ํฌํจํ๋ ๊ฒ์ ์คํจํฉ๋๋ค.
๋ค์์ ๋ณด์ฌ์ฃผ๋ ๊ฐ๋จํ ๋ฆฌํฌ์งํ ๋ฆฌ๋ฅผ ๋ง๋ค์์ต๋๋ค. https://github.com/robhuzzey/lessimporttest
<strong i="11">@import</strong> './one/two/three/four/test';
์๋
๊ทธ๋๋ก: <strong i="14">@import</strong> 'thisisinnodemodules/one/two/three/four/test.less';
(ํ์ฅ์๊ฐ ์๋ node_modules์์ ํฌํจ๋จ)
ํ๋:
<strong i="19">@import</strong> 'thisisinnodemodules/one/two/three/four/test';
(ํ์ฅ์๊ฐ ์๋ node_modules์์ ํฌํจ๋จ)
์๋ํ์ง ์๊ณ ๋ค์ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค.
$ npm run buildStyles
> [email protected] buildStyles /Users/robert.huzzey/Sites/test/lessissue
> lessc styles.less styles.css
FileError: 'thisisinnodemodules/one/two/three/four/test' wasn't found. Tried - /Users/robert.huzzey/Sites/test/lessissue/thisisinnodemodules/one/two/three/four/test.less,/Users/robert.huzzey/Sites/test/lessissue/thisisinnodemodules/one/two/three/four/test.less,/Users/robert.huzzey/Sites/test/lessissue/node_modules/thisisinnodemodules/one/two/three/four/test,thisisinnodemodules/one/two/three/four/test.less in /Users/robert.huzzey/Sites/test/lessissue/styles.less on line 5, column 1:
4 // This does NOT work
5 <strong i="24">@import</strong> 'thisisinnodemodules/one/two/three/four/test';
6
๋๋ ์ด๊ฒ์ด v3
์ ๋ฌธ์ ์ธ ๊ฒ์ฒ๋ผ ๋ณด์ด์ง๋ง v2
์๋ ๊ฒ์ผ๋ก ๋ณด์ด๊ธฐ ์ํด ๋ช ๊ฐ์ ๋ถ๊ธฐ๋ฅผ ๋ง๋ค์์ต๋๋ค ... ์ด๊ฒ์ด ์์๋ ๋์์ธ์ง ๋๋ ์ํ์ง ์๋ ๋์์ธ์ง ํ์ธํ ์ ์๋ ์ฌ๋์ด ์์ต๋๊น? ์จ๋ผ์ธ์์ ์ด์ ๋ํ ์ ๋ณด๋ฅผ ์ฐพ์ผ๋ ค๋ฉด).
๋ํ ์ค๋์ด ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค.
์ด ๋ฌธ์ ๋ ํ์ธํฉ๋๋ค. ์ด ๋ฆฌํฌ์งํ ๋ฆฌ์์ npm run dev๋ฅผ ๋ณต์ ํ๊ณ ์คํํ์ฌ ์ฌํํ ์ ์์ต๋๋ค.
https://github.com/acacha/AdminLTEinkerLaravelMix
lessc ๋ช ๋ น์ ์ฌ์ฉํ๋ฉด ๋ฌธ์ ๊ฐ ์๊ธฐ ๋๋ฌธ์ ์ด๊ฒ์ด webpack ๋ฌธ์ ์ผ ์ ์๋ค๋ ์ ์ ๊ณ ๋ คํ์ญ์์ค.
@acacha ์ ๋ ๊ฐ์ ์๊ฐ์ ํ์ง๋ง ๊ทธ๋ ์ง ์์ ๊ฒ์ผ๋ก ํ๋ช ๋์์ต๋๋ค. ์ ๊ธฐ๋ ๋ฌธ์ ์์ ๋ด๊ฐ ๋ง๋ repo๋ฅผ ๋ณด๋ฉด ... webpack์ ์ฌ์ฉํ์ง ์๋ ๊ฒ์ ๋ณผ ์ ์์ผ๋ฉฐ ์ฌ์ ํ ์ด ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
๋๋ ๋ ์ ์ ์์ค ์ฝ๋๋ฅผ ํํค์ณค๊ณ ์ด๊ฒ์ ๋ช ๊ฐ์ง ํ ์คํธ๋ฅผ ์์ํ ์ฅ์๋ก ๋ณด์์ต๋๋ค.
๋๋ ์ด๊ฒ์ด ์๋๋ ํ๋์ด ์๋๋ผ๋ ๊ฒ์ ์๊ธฐ ์ ๊น์ง ํ๊ณ ๋ค๊ฑฐ๋ PR์ ์์ํ๊ธฐ๋ฅผ ๊บผ๋ฆฝ๋๋ค... Less์ ๊ด๋ฆฌ์ ์ค ํ ๋ช ์ด ํ์ธํ ์ ์๋ค๋ฉด... ์์ ์ฌํญ์ ์กฐ์ฌํ๊ฒ ๋์ด ๊ธฐ์ฉ๋๋ค.
@robhuzzey node_modules์์ ๊ฐ์ ธ์ค๊ธฐ๋ ๋ง์ง๋ง 3.0 ์ํ์๋ง ์ถ๊ฐ .less
์์ด ๊ฐ์ ธ์ค์ง ์๋ ๊ฒ์ ์๋๋ ๋์์ด ์๋๋๋ค. ํ์คํ 3.0 ์ํ 3์ ๋ฒ๊ทธ์
๋๋ค. ์ฐพ์์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค.
@matthew-dean ์ด ์์ ์ผ๋ก ์์ ํ ๊ฒ ๊ฐ์ต๋๋ค. https://github.com/robhuzzey/less.js/tree/issue3115_extInNodePath ํ์ง๋ง ํ ์คํธ๋ฅผ ์ถ๊ฐํ ์์น๊ฐ ํ์คํ์ง ์์ต๋๊น?
์ด ๋ณ๊ฒฝ ์ฌํญ์ผ๋ก ๋ชจ๋ ํ ์คํธ๋ฅผ ํต๊ณผํ์ต๋๋ค... ๊ฒํ /์ ์์ ์ํด PR์ ์ ์ถํ๊ฒ ๋์ด ๊ธฐ์ฉ๋๋ค.
@robhuzzey .less
NPM devDependency ๋ฅผ package.json
์ ์ถ๊ฐํ ๋ค์ ํ
์คํธ( /tests/less
)๋ฅผ ์ถ๊ฐํ์ฌ ๋ชจ๋(์๋ง๋ import-module.less
ํ์ผ?) ํ
์คํธ๋ฅผ ์ถ๊ฐํ ํ ํ
์คํธ๊ฐ ์๋ํ๋์ง ํ์ธํ๊ธฐ ์ํด ์์ ์ฌํญ ์์ด ์ค๋จ๋๋์ง ํ์ธํฉ๋๋ค.
@matthew-dean ๊ฐ์ฌํฉ๋๋ค. ์์ ์ฌํญ์ ์ ์ฉํ๊ธฐ ์ ์ ํ์ฌ ํ
์คํธ๊ฐ ์ค๋จ๋์๋์ง ํ์ธํ์ต๋๋ค... ์ ๊ฐ ๊ณ ์ฌํ๋ ๋ถ๋ถ์ ๋ชจ๋ ํ
์คํธ์ ์ด๋ฆ์ด .less
์
๋๋ค.
๋ค์ ๊ณผ์ ๋ node_modules
์ ํ์ผ์ ํฌํจํ๋ ๊ฒ์
๋๋ค.
@robhuzzey https://github.com/less/less.js/issues/3116๋ ๋ณผ ์๊ฐ์ด ์์ต๋๊น? ๊ทธ๋ ์ง ์์๋ ๊ด์ฐฎ์ต๋๋ค.
@matthew-dean ํ์คํ ... ๋์ ๋๋ฆฌ๊ฒ ์ต๋๋ค.
https://github.com/robhuzzey/less.js/tree/issue3115_extInNodePath ์์ ๋ด ์ง์ ์ ๋ํ ํ ์คํธ๋ฅผ ๋ง๋ค์์ง๋ง ์์๋๋ก ์๋ํ์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค(ํ ์คํธ๋ฅผ ํฌํจํ๋ ๋ฐฉ๋ฒ์ ์์ ํ ์ดํดํ์ง ๋ชปํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ด ์ผ).
์ ๊ฐ ๋ญ ์๋ชปํ๊ณ ์๋์ง ์ง์ ํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค :)
์ฃ์กํฉ๋๋ค @matthew-dean ์ ๋ ํ์ฌ ํด์ธ์์ ์ผํ๊ณ ์์ผ๋ฏ๋ก ์ง๊ธ์ ๋ค๋ฅธ ์๊ฐ๋์ ์์ต๋๋ค... ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํ ํ ์คํธ๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ์๋ ค์ฃผ์๋ฉด ๋ฌธ์ ๋ฅผ ์ดํด๋ณด๊ฒ ๋์ด ๊ธฐ์ฉ๋๋ค. ์ฃผ๊ธฐ์ ์ผ๋ก ๋ช ๋ฒ ์๋ํ์ง๋ง ์ฝ๊ฒ ๋งํ ์์๋ ๊ฒ์ด ๋ถ๋ช ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. :)
@robhuzzey NPM์ file:
๊ตฌ๋ฌธ์ ์ต์ํ์ง ์์ง๋ง ๊ทธ๋ ์ง ์์ผ๋ฉด ์ฌ๋ฐ๋ฅด๊ฒ ์คํ๋์ด์ผ ํ๋ ๊ฒ์ฒ๋ผ ๋ณด์
๋๋ค. ๋น์ ์ด ํด์ผ ํ ์ ์ผํ ๋ค๋ฅธ ์ผ์ import-module.css
์ test/css
๋ฅผ ๋ฐฐ์นํ๋ ๊ฒ์
๋๋ค. ๊ทธ๋ฐ ๋ค์ ํ
์คํธ์์ ์๋ํ๋์ง ํ์ธํ ์ ์๋๋ก ์์ ์ถ๋ ฅ์ด ์๋ ๋น๊ต ํ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค. grunt quicktest
๋ฅผ ์คํํ ๋ Less ์ถ๋ ฅ๊ณผ ์ผ์น์ํค๊ธฐ ์ํด ๊ฐํ ๋๋ ๋ค์ฌ์ฐ๊ธฐ์ ๊ฐ์ ์ถ๋ ฅ CSS์ ์ฌ์ํ ๋ถ๋ถ์ ์กฐ์ ํด์ผ ํ ์๋ ์์ต๋๋ค. ์ฒซ ๋ฒ์งธ ํ
์คํธ๋ฅผ ์ํด ๋น ํ์ผ์ ๋ง๋ ๋ค์ ์ฝ์ ๋ก๊ทธ์ ์์ ์ถ๋ ฅ์ ๋ณต์ฌ/๋ถ์ฌ๋ฃ๊ธฐํ ์๋ ์์ต๋๋ค. .less
์๋ต๋ ๋ชจ๋์์ ๊ท์น ์ธํธ๋ฅผ ์ถ๋ ฅํ๋ ํ ๊ทธ๊ฒ์ด ์ค์ํฉ๋๋ค. ๋ ๊ฐ๋ ฅํ ํ
์คํธ๋ฅผ ์ํด ์ผ๋ถ(๋๋ ํ๋)๋ฅผ .less
์ค๊ณ ์ผ๋ถ๋ ๊ฐ์ ธ์ค๋๋ก ํ
์คํธ๋ฅผ ํผํฉํฉ๋๋ค.
@matthew-dean ๊ฐ์ฌํฉ๋๋ค... ๊ฒฐ๊ตญ ๋๋ฌด ๊ฐ๋จํ์ต๋๋ค. ๋น๊ตํ๋ ค๋ฉด CSS๊ฐ ํ์ํ์ต๋๋ค!
์ด์ ์๋ NPM์ file://
๊ตฌ๋ฌธ์ ๋ํด ๋ชฐ๋์ต๋๋ค... ํ์ง๋ง ์ด์ ํ
์คํธ๋ฅผ ์ํด ์ค์ NPM ํจํค์ง๋ฅผ ๋ง๋๋ ๊ฒ๋ณด๋ค ์ด๊ฒ์ด ์ข์ ์ฌ์ฉ ์ฌ๋ก๋ผ๋ ๊ฒ์ ๊นจ๋ฌ์์ต๋๋ค. :)
์ง๊ธ PR์ ์์ฑํ์ต๋๋ค: https://github.com/less/less.js/pull/3120 ๊ฐ์ฅ ์ข์ ์ค๋ช ์ด ํ์คํ์ง ์์ต๋๋ค... ๋ง์ฝ ๋น์ ์ด ๋ฐ๋ฅผ ์ ์๋ ์๋ ํ ํ๋ฆฟ์ด ์๋ค๋ฉด ๊ธฐ๊บผ์ด ๋๋ฆฌ๊ฒ ์ต๋๋ค ์ด๊ฒ์ ๋ฐ๋ผ ๊ฐ๋ผ.
๊ฐ์ฌ.
์ด ๋ฌธ์ ๋ https://github.com/less/less.js/pull/3120์ ์ํด ํด๊ฒฐ๋์์ต๋๋ค.
@robhuzzey ์ด ์์ ์ฌํญ๊ณผ ํจ๊ป ์ ์ํ๊ฐ ์ถ์๋๋ ์ผ์ ์ด ์์ต๋๊น? ์ด๊ฒ์ ํ์ฌ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ๋ณ์๋ฅผ ์ฌ์ ์ํ๋ ค๊ณ ํ ๋ ๋ด ์นํฉ ๋น๋๋ฅผ ์ค๋จํฉ๋๋ค.
@stefan-schweiger ์ค๋ ๋ฐค์ด๋ ๋ด์ผ ๋ฐค์ ๋ฆด๋ฆฌ์คํ๋ ค๊ณ ํฉ๋๋ค.
๋๊ตฌ๋ ์ง Releasing for the Less repo์ ์ฐธ์ฌํ๋ ๋ฐ ๊ด์ฌ์ด ์๋ ๊ฒฝ์ฐ ์ฌ๊ธฐ ๋๋ Twitter @matthewdeaners์์ ์ ์๊ฒ ์ฐ๋ฝํ์ญ์์ค.
@stefan-schweiger ์ฃ์กํฉ๋๋ค. ๋ฐฉ๊ธ ๋ณธ ๊ฒ์ ๋๋ค. ๋๋ Matthew Dean์ฒ๋ผ ๋ฆด๋ฆฌ์คํ ๋ฅ๋ ฅ์ด ์์ต๋๋ค(์์งํ ์ด๊ฒ์ด Less์ ๋ํ ๋์ ์ฒซ ๋ฒ์งธ ๊ธฐ์ฌ์ ๋๋ค).
@matthew-dean ์๋ง ์ ์ ์๋ฏ์ด ์ง๊ธ์ ๋งค์ฐ ๋ฐ์์ง๋ง ๊ณง ์์ ๋ "๋ค์ด ํ์"์ด ์์ผ๋ฏ๋ก ๊ด์ฐฎ์ผ๋ฉด ๋ค์ ์ฐ๋ฝ๋๋ฆฌ๊ฒ ์ต๋๋ค. (์ง๊ธ ํ๊ณ ์๋ ์ผ์ ๋ ์ด์ ์ถ๊ฐํ ์ ์์ต๋๋ค.)
https://github.com/less/less.js/issues/3123 ์์ ํด ์ฃผ์ @matthew-dean์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ด๊ฒ์ด ๋ฆด๋ฆฌ์ค ๋น๋์์ ์ด ์ค๋ฅ๊ฐ ๋ฐ์ํ ์ด์ ์ด๊ธฐ๋ ํฉ๋๋ค. ๋ฐ๋ผ์ @robhuzzey ๋ ์ด ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋๊ธฐ ์ ์ ์๋์ผ๋ก ๋ค์ด๊ทธ๋ ์ด๋ํ์ฌ ํด๊ฒฐ
์ด ๋ฌธ์ ๋ ๋ฆด๋ฆฌ์ค 3.0.1์์๋ ๊ณ์ ๋ฐ์ํ์ต๋๋ค.
๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ์๋์ผ๋ก ๋ฆด๋ฆฌ์ค 2.7.3์ผ๋ก ๋ค์ด๊ทธ๋ ์ด๋ํ์ต๋๋ค.
@allentcm ๋ง์ด ์ ๋ฉ๋๋ค. Less 2.7.3์ node_modules ํด๋์์ ์ ํ ๊ฐ์ ธ์ค์ง ์์ต๋๋ค.
@matthew-dean @allentcm 2.7.3์ผ๋ก ๋ค์ด๊ทธ๋ ์ด๋ํ๋ ๊ฒ๋ ์ ์๊ฒ
@matthew-dean @allentcm @babsonmatt 2.7.3์ผ๋ก ๋ค์ด๊ทธ๋ ์ด๋๋ ์ ์๊ฒ๋ ํจ๊ณผ๊ฐ ์์์ด์ ๐