Less.js: ํด๋ž˜์Šค ์ƒ์„ฑ์ž FileManager๋Š” 'new' ์—†์ด ํ˜ธ์ถœํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2019๋…„ 08์›” 17์ผ  ยท  64์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: less/less.js

v3.10.0 ์ด ๋‚ด ๋นŒ๋“œ๋ฅผ ๊นจ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. webpack์€ ์•„๋ž˜์— ๋กœ๊ทธ๋ฅผ ๋‚จ๊น๋‹ˆ๋‹ค.

ERROR in ./src/pages/score/components/current/no-join/index.less
Module build failed (from ./node_modules/[email protected]@mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/[email protected]@less-loader/dist/cjs.js):


Class constructor FileManager cannot be invoked without 'new'
      in undefined (line undefined, column undefined)
    at runLoaders (/home/admin/build/node_modules/[email protected]@webpack/lib/NormalModule.js:313:20)
    at /home/admin/build/node_modules/[email protected]@loader-runner/lib/LoaderRunner.js:367:11
    at /home/admin/build/node_modules/[email protected]@loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/home/admin/build/node_modules/[email protected]@loader-runner/lib/LoaderRunner.js:111:13)

v3.9.0 ์œผ๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ•˜๋ฉด ๋ชจ๋“  ๊ฒƒ์ด ์ •์ƒ์ž…๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ์กฐ์‚ฌํ•˜๊ณ  ๊ฐ€๋Šฅํ•œ ํ•œ ๋นจ๋ฆฌ ์ˆ˜์ •๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ 'package.json' => "less": "~3.9.0", ์ œํ•œ ๋ฒ„์ „์„ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  64 ๋Œ“๊ธ€

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ 'package.json' => "less": "~3.9.0", ์ œํ•œ ๋ฒ„์ „์„ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค.

+1

+1

+1!
๊ธด๊ธ‰~

+1

๊ฐ™์€ ๋ฌธ์ œ

+1 ๋ฒ„์ „ ๋ฏธ๋งŒ 3.9.0 ๋œ ๋กœ๋” 4.1.0

package.json์—์„œ ๋” ์ ์€ ๋ฒ„์ „์˜ ^๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  v3.9.0์„ ๋‹ค์‹œ ์„ค์น˜ํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์‹œ๋„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฒ„์ „์ด ์ž ๊ฒจ ์žˆ์ง€๋งŒ ^ ๋•Œ๋ฌธ์— ์ตœ์‹  ๋ฒ„์ „์˜ 3์ด ๋‹ค์šด๋กœ๋“œ๋ฉ๋‹ˆ๋‹ค. ์ตœ์‹ ๋ฒ„์ „์ด ๋ฌธ์ œ์ผํ…๋ฐ..

+1

+1

const shortname = new this.less.FileManager().extractUrlParts(filename).filename;

์ด ์œ ์‚ฌํ•œ ์ฝ”๋“œ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๊นŒ?

์„ธ์ƒ์—, ๋‚˜๋Š” ๋ฒ„์ „์„ 3.9.0์œผ๋กœ ์ œํ•œํ–ˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. npm์€ ์ด "๋ถ€" ๋ฆด๋ฆฌ์Šค๋ฅผ ์ž๋™์œผ๋กœ ์„ ํƒํ•˜๊ณ  ๋ชจ๋“  ๋นŒ๋“œ๋ฅผ ์ค‘๋‹จํ•ฉ๋‹ˆ๋‹ค. :(

+1

v3.10.0 ๋™์ผํ•œ ์˜ค๋ฅ˜

+1

์„œ๋‘๋ฅด๋‹ค

+1

[email protected] ์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ชจ๋“  ๊ฒƒ์ด ๊ดœ์ฐฎ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

@lixiaohulee ๋œ ๋กœ๋”๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ๋ชจ๋“  ๊ฒƒ์ด ์ •์ƒ์ ์ด์ง€ ์•Š๋Š” ํ•œ

+1

+1

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๊ฐ€์ง€๊ณ ์žˆ๋‹ค (((

+1

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๊ฐ€์ง€๊ณ ์žˆ๋‹ค :/

์ด๊ฒƒ์€ Less๊ฐ€ ์•„๋‹Œ ์ด์ „ ๋ฒ„์ „์˜ less-loader ์— ์žˆ๋Š” ๋ฌธ์ œ์ด๋ฉฐ Less ํŒŒ์ผ ๊ด€๋ฆฌ์ž๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ƒ์†ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. less-loader 5.0์ž…๋‹ˆ๋‹ค. ์ฐธ์กฐ: https://github.com/less/less.js/issues/3414#issuecomment -522223041

ํ•ด๊ฒฐ?

ํ•ด๊ฒฐ?

package.js์—์„œ ์ข…์†์„ฑ์„ ์ค„์ด๊ณ  ์ตœ์‹  ๋ถ€ ๋ฒ„์ „ ์ข…์†์„ฑ์„ ๋‹ค์‹œ ์„ค์น˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
image

+1

์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค!!! ๋งŽ์€ ํ”„๋กœ์ ํŠธ๊ฐ€ less-loader ๋ฒ„์ „์„ 4.1.0 ๋กœ ์ž ๊ทธ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์ง€ ์•Š์œผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์šฐ๋ฆฌ๋Š” ๋ง๊ฐ€์ง„ antd๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค: https://github.com/ant-design/ant-design/issues/18343

๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@montanaflynn ์€ ์ด์ „ ํ™˜๊ฒฝ์„ ์œ ์ง€ํ•˜๊ณ  npm-shrinkmap.json ๋กœ ์ž ๊ธด ์ข…์†์„ฑ ๋งต์„ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์ด ์ข‹์€ ์„ ํƒ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@aleen42 ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๊ฐ€ ๊ณง ์ˆ˜์ •๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๋ชจ๋“  npm์— ๋Œ€ํ•ด ์ž˜ ์•Œ์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค.

@montanaflynn ํ•˜์œ„ ์ข…์†์„ฑ์„ ํฌํ•จํ•˜์—ฌ ์ž ๊ธˆ ํ•ด์ œ๋œ ์ข…์†์„ฑ์œผ๋กœ ์ธํ•ด ๋นŒ๋“œ ์ค‘์— ์ค‘๋‹จ๋˜๋Š” ๊ฒฝ์šฐ๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ๋งŒ๋‚ฌ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋Œ€๋ถ€๋ถ„์˜ FE ๊ฐœ๋ฐœ์ž์—๊ฒŒ NPM์˜ ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

@aleen42 ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

  "devDependencies": {
    "less-loader": "^5.0.0"
  }

์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
Node.js ๋ฒ„์ „์ด ์•ˆ ๋งž๋‚˜์š”?

๋…ธ๋“œ ๋ฒ„์ „ ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

@montanaflynn ์ผ์‹œ์ ์œผ๋กœ less-loader ์˜ ํ•˜์œ„ ๋ฒ„์ „์„ ์ง€์ •ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

devDepedencies: {
    "less-loader": "4.1.0",
    "less": "3.9.0"
}

์—…๊ทธ๋ ˆ์ด๋“œ
yarn upgrade less@^3.10.1 less-loader@^5.0.0

"less": "~3.9.0" ์‚ฌ์šฉ

+1

+1

๋ง๋ถ™์—ฌ์„œ, ์ด ์“ฐ๋ ˆ๋“œ๋ฅผ ๋ณด๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด, ๋‚˜๋Š” ์กฐ๊ธˆ์ด๋ผ๋„ ๋œ ์„ฑ๊ฐ€์‹œ๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด ์ด์ „ less-loader ๋ฒ„์ „์— ๋Œ€ํ•ด ์˜ค๋Š˜ ๋‚˜์ค‘์— ๋‹ค์‹œ ์—ด์–ด ์ˆ˜์ • ์‚ฌํ•ญ์„ ์ œ์ถœํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

ํ”„๋กœํ† ํƒ€์ž… ํ•จ์ˆ˜๋ฅผ ๋Œ€์ฒดํ•˜๊ธฐ ์œ„ํ•ด ์‹ค์ œ๋กœ Class ๊ตฌ๋ฌธ์„ ์‚ฌ์šฉํ•˜๋ฉด $ new ์—†์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ทน๋‹จ์ ์ธ ๊ฒฝ์šฐ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. FileManager๋Š” ํ•ญ์ƒ new ๋กœ ํ˜ธ์ถœ๋˜์–ด์•ผ ํ•˜๋ฉฐ(๋ฌธ์„œํ™”๋œ API์ž„) less-loader ์˜ ์ด์ „ ๋ฒ„์ „์€ ๋ถ„๋ช…ํžˆ ๊ทธ๋ ‡์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

_๋‹ค์‹œ ๋งํ•˜์ง€๋งŒ ์Šค๋ ˆ๋“œ๋ฅผ ๋ณด๊ณ  ์žˆ๋‹ค๋ฉด less-loader 5.0์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๋ฉด ์ด ๋น„ํ˜ธํ™˜์„ฑ์ด ์ˆ˜์ •๋ฉ๋‹ˆ๋‹ค._

less-loader ์ด ์ข…์†์„ฑ์„ 3.9.0 ์•„๋ž˜๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ•˜๋Š” ๊ฒƒ์ด ๋” ๋‚ซ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

@aleen42 less-loader ์˜ ์ตœ์‹  ๋ฒ„์ „์ด ์ž˜ ์ž‘๋™ํ•˜๋Š”๋ฐ ์™œ ๊ทธ๊ฒƒ์ด ํ•„์š”ํ• ๊นŒ์š”?

์ผ๋ถ€ ํ”„๋กœ์ ํŠธ๋Š” 4.x ์—์„œ 5.x ๋กœ ๋†’์€ ์ˆ˜์ค€์˜ ์—…๊ทธ๋ ˆ์ด๋“œ ์œ„ํ—˜์„ ์ฒ˜๋ฆฌํ•  ํ•„์š”๊ฐ€ ์—†๋‹ค๊ณ  ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค.

+666

๋ˆ„๊ตฐ๊ฐ€ ์‹œ๋„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ ? https://github.com/less/less.js/pull/3421?

๋ถ„๊ธฐ ์œ„์น˜: https://github.com/matthew-dean/less.js/tree/release/v3.10.2

์ด๊ฒƒ์„ ํ…Œ์ŠคํŠธํ•  ๋•Œ์˜ ๋ฌธ์ œ๋Š” less-loader ์˜ ์ž์ฒด ํ…Œ์ŠคํŠธ๊ฐ€ 3.9.0์—์„œ ์‹คํŒจํ•˜๋ฏ€๋กœ ์˜ˆ์ƒ๋˜๋Š” ๋‚ด์šฉ์ด ๋ช…ํ™•ํ•˜์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ Less์˜ ๋‚ด๋ณด๋‚ธ ํด๋ž˜์Šค๊ฐ€ ํ•จ์ˆ˜๋กœ ๋ณ€ํ™˜๋˜๋ฉด ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ์ตœ์†Œํ•œ less-loader ์—์„œ ํŠธ๋ฆฌ๊ฑฐ๋˜๋ฏ€๋กœ ์˜ˆ์ƒ ์ถœ๋ ฅ์ธ์ง€ ์•„๋‹Œ์ง€ ๋ช…ํ™•ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ _how_ ๋˜๋Š” ์™œ ์ด ์˜ค๋ฅ˜๊ฐ€ Less loader v4์—์„œ ๋ฐœ์ƒํ•˜๊ณ  v4์—์„œ Webpack ๋ฌธ์ œ์ผ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ์ œ์™ธํ•˜๊ณ  v5์—์„œ๋Š” ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š”์ง€ ๋ช…ํ™•ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์–ด์จŒ๋“  ์‚ฌ๋žŒ๋“ค์ด Less ์ข…์†์„ฑ์œผ๋กœ ์ด ๋ถ„๊ธฐ๊ฐ€ ํด๋ž˜์Šค ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ค์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ๋ณ‘ํ•ฉํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

+1 ๋ฒ„์ „ ๋ฏธ๋งŒ 3.9.0 ๋œ ๋กœ๋” 4.1.0

+1

+1

์ˆ˜๋™์œผ๋กœ ๋” ์ ์€ ๋ฒ„์ „ ์ง€์ • ๏ผš
npm i [email protected] -D
์ข‹์•„์š”!!!

3.9.0์œผ๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ•˜์—ฌ ์ˆ˜์ •

์ง์ „์— node_modules๋ฅผ ์‚ญ์ œํ•˜๊ณ  npm i ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ตœ์‹  ๋ฒ„์ „ 3.10.1 ์—๋Š” ์—ฌ์ „ํžˆ ์ด ๋ฒ„๊ทธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 3.9.0์œผ๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

@zeit/next-less๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ์ด ๋ฒ„๊ทธ๋ฅผ ์–ด๋–ป๊ฒŒ ์ˆ˜์ •ํ•ฉ๋‹ˆ๊นŒ? ๋„์›€์„ ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

@ezgitek

npm i @zeit/next-less
npm i [email protected]

https://forum.vuejs.org/t/vue-cli/72008/7
"๋œ": "^3.10.1",
"์ ์€ ๋กœ๋”": "^5.0.0",
์‹คํ–‰ ์ค‘

๋ณ‘ํ•ฉ: https://github.com/less/less.js/pull/3421

Less-loader v4 ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ์‚ฌ๋žŒ์€ [3.10.2] ๐Ÿคทโ€โ™‚ ํ…Œ์ŠคํŠธ๋ฅผ ํ•˜๋ ค๊ณ  ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์•˜์ง€๋งŒ, ๋‚ด ํ…Œ์ŠคํŠธ์—์„œ Less-loader์˜ v4 ํ…Œ์ŠคํŠธ๋Š” 3.10.1(ํด๋ž˜์Šค ์ƒ์„ฑ์ž ๋ฌธ์ œ)๊ณผ ๋‹ค๋ฅด๊ฒŒ ์ค‘๋‹จ๋˜์—ˆ๊ณ  ์ด PR์—์„œ๋„ ๋™์ผํ•˜๊ฒŒ ์ค‘๋‹จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. . ๊ทธ๋ž˜์„œ ..... ํ•ด๊ฒฐ๋˜๋Š”์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ๋” ๋‚˜๋น ์•ผํ•ฉ๋‹ˆ๊นŒ?

๊ฐ€๋Šฅํ•œ ์ˆ˜์ • ์‚ฌํ•ญ์„ ๋งˆ์Šคํ„ฐ์— ๋ณ‘ํ•ฉํ–ˆ์Šต๋‹ˆ๋‹ค(์•„์ง NPM์— ๋ฆด๋ฆฌ์Šค๋˜์ง€ ์•Š์Œ). ์—ฌ์ „ํžˆ +1 ๋Œ€์‹  ๋ฆด๋ฆฌ์Šค ์ „์— ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ํ™•์ธํ•˜๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค.

๋œ ๋กœ๋” ^4.1.0์„ ์‚ฌ์šฉํ•˜์—ฌ ๋œ ๋กœ์ปฌ์—์„œ ํ˜„์žฌ ๋งˆ์Šคํ„ฐ ๋ธŒ๋žœ์น˜๋ฅผ ์‹œ๋„ํ–ˆ๊ณ  ๋‚ด ํ”„๋กœ์ ํŠธ๋ฅผ ๋‹ค์‹œ ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ์Œ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ‘

์ž‘์—…ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

@jenniferneale ํ™•์ธํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ์˜ค๋Š˜ ๋‚˜์ค‘์— NPM์— ๊ฒŒ์‹œํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ง์žฅ์—์„œ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

+1

์ด ๋ฌธ์ œ๋Š” 3.10.3์—์„œ ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๊นŒ?

@H4ngman ๊ทธ๋ž˜์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒฝ์šฐ ๋‹ค์‹œ ์—ฝ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰