Polymer: 2.0์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•?

์— ๋งŒ๋“  2017๋…„ 04์›” 25์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: Polymer/polymer

์„ค๋ช…

๋งˆ์Šคํ„ฐ ๋ธŒ๋žœ์น˜๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ด ๋ณด์ž…๋‹ˆ๋‹ค.

๋ฒˆ์‹ ๋‹จ๊ณ„

git clone https://github.com/Polymer/polymer.git
cd polymer
npm install
bower install
npm run build

์˜ˆ์ƒ ๊ฒฐ๊ณผ

์˜ค๋ฅ˜ ์—†์Œ

์‹ค์ œ ๊ฒฐ๊ณผ

> @polymer/[email protected] build /media/Data/polymer
> gulp

[13:58:14] Using gulpfile /media/Data/polymer/gulpfile.js
[13:58:14] Starting 'build-bundled'...
[13:58:14] Starting 'build-steps'...
[13:58:14] 'build-steps' errored after 129 ฮผs
[13:58:14] Error: Task print-size is not configured as a task on gulp.  If this is a submodule, you may need to use require('run-sequence').use(gulp).
    at /media/Data/polymer/node_modules/run-sequence/index.js:20:10
    at Array.forEach (native)
    at verifyTaskSets (/media/Data/polymer/node_modules/run-sequence/index.js:13:11)
    at runSequence (/media/Data/polymer/node_modules/run-sequence/index.js:92:2)
    at Gulp.<anonymous> (/media/Data/polymer/gulpfile.js:262:3)
    at module.exports (/media/Data/polymer/node_modules/orchestrator/lib/runTask.js:34:7)
    at Gulp.Orchestrator._runTask (/media/Data/polymer/node_modules/orchestrator/index.js:273:3)
    at Gulp.Orchestrator._runStep (/media/Data/polymer/node_modules/orchestrator/index.js:214:10)
    at Gulp.Orchestrator.start (/media/Data/polymer/node_modules/orchestrator/index.js:134:8)
    at runNextSet (/media/Data/polymer/node_modules/run-sequence/index.js:86:16)
[13:58:14] 'build-bundled' errored after 2.13 ms
[13:58:14] Error in plugin 'run-sequence(build-steps)'
Message:
    Task print-size is not configured as a task on gulp.  If this is a submodule, you may need to use require('run-sequence').use(gulp).
Stack:
Error: Task print-size is not configured as a task on gulp.  If this is a submodule, you may need to use require('run-sequence').use(gulp).
    at /media/Data/polymer/node_modules/run-sequence/index.js:20:10
    at Array.forEach (native)
    at verifyTaskSets (/media/Data/polymer/node_modules/run-sequence/index.js:13:11)
    at runSequence (/media/Data/polymer/node_modules/run-sequence/index.js:92:2)
    at Gulp.<anonymous> (/media/Data/polymer/gulpfile.js:262:3)
    at module.exports (/media/Data/polymer/node_modules/orchestrator/lib/runTask.js:34:7)
    at Gulp.Orchestrator._runTask (/media/Data/polymer/node_modules/orchestrator/index.js:273:3)
    at Gulp.Orchestrator._runStep (/media/Data/polymer/node_modules/orchestrator/index.js:214:10)
    at Gulp.Orchestrator.start (/media/Data/polymer/node_modules/orchestrator/index.js:134:8)
    at runNextSet (/media/Data/polymer/node_modules/run-sequence/index.js:86:16)

npm ERR! Linux 4.10.0-20-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "build"
npm ERR! node v7.9.0
npm ERR! npm  v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @polymer/[email protected] build: `gulp`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @polymer/[email protected] build script 'gulp'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the @polymer/polymer package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     gulp
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs @polymer/polymer
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls @polymer/polymer
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/nazar-pc/.npm/_logs/2017-04-25T10_58_14_261Z-debug.log

๋ฒ„์ „

nodejs --version
v7.9.0
npm --version
4.2.0
bower --version
1.8.0
gulp --version                                                  
[14:15:43] CLI version 3.9.1
[14:15:43] Local version 3.9.1

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

๋ฌธ์ œ๋ฅผ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. gulpfile์„ ์ •๋ฆฌํ•ด์•ผ ํ•œ๋‹ค๋Š” ๋ฐ ๋™์˜ํ–ˆ์Šต๋‹ˆ๋‹ค. gulp ์ž‘์—…์€ ์ฃผ๋กœ ์ถ•์†Œ๋œ ํด๋ฆฌ๋จธ์˜ ํฌ๊ธฐ๋ฅผ ํ™•์ธํ•˜๊ณ  ํด๋กœ์ € ์ปดํŒŒ์ผ๋Ÿฌ ๋นŒ๋“œ/๋ฆฐํŠธ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๊ฒƒ์ด์ง€๋งŒ ์‹ค์ œ๋กœ ์ •๊ธฐ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ํŒŒ์† ์ƒํƒœ์— ์ด๋ฅด๋ €์Šต๋‹ˆ๋‹ค.


์•„๋งˆ๋„ ๊ท€ํ•˜๊ฐ€ ์š”์ฒญํ•œ ๊ฒƒ๋ณด๋‹ค ๋” ๋งŽ์„ ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ค์Œ์€ ๋ฆด๋ฆฌ์Šค/๋ฐฐํฌ ๊ณ„ํš์— ๋Œ€ํ•œ ๋ฐฐ๊ฒฝ์ž…๋‹ˆ๋‹ค.

์ดˆ๊ธฐ Polymer 2.0 ๋ฆด๋ฆฌ์Šค์— ๋Œ€ํ•œ ๊ณ„ํš์€ ์‹ค์ œ๋กœ ์ฝ”์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์›์‹œ ES6 ์†Œ์Šค๋กœ ๋ฐฐํฌํ•˜๊ณ (unbundled/untranspiled/unminified, ๋”ฐ๋ผ์„œ gulpfile์€ ๋ฆด๋ฆฌ์Šค ์›Œํฌํ”Œ๋กœ์— ์‹ค์ œ๋กœ ํฌํ•จ๋˜์ง€ ์•Š์Œ) ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐฐํฌ ๋‹จ๊ณ„์—์„œ ์ด๋Ÿฌํ•œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์กฐ๊ฑด์— ๋”ฐ๋ผ ์˜ˆ๋ฅผ ๋“ค์–ด Polymer CLI๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์ด ์ ‘๊ทผ ๋ฐฉ์‹์—๋Š” ๋ช‡ ๊ฐ€์ง€ ๋‹ค๋ฅธ ์ด์œ ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์šฐ๋ฆฌ๋Š” (์˜ˆ๋ฅผ ๋“ค์–ด lib/mixins/property-accessors.html ๋˜๋Š” template-stamp.html ๋งŒ ์‚ฌ์šฉํ•˜์—ฌ) ๋ฒˆ๋“ค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํŽ˜์ด๋กœ๋“œ ๋น„์šฉ ์—†์ด Polymer 2.0์˜ ๊ตฌ์„ฑ ๋น„ํŠธ(๊ตฌ์„ฑ ๊ฐ€๋Šฅํ•œ ๋ฏน์Šค์ธ์œผ๋กœ ๊ตฌ์ถ•๋จ)๊ฐ€ ์†Œ๋น„ ๊ฐ€๋Šฅํ•œ ์•Œ๋ผ์นด๋ฅดํŠธ๊ฐ€ ๋˜๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ๋‹จ์ง€ ๋ช‡ kb์— ๋Œ€ํ•œ ๋งŽ์€ ํž˜)
  • ๊ธฐ๋ณธ ์‚ฌ์šฉ์ž ์ •์˜ ์š”์†Œ์—๋Š” ๊ธฐ๋ณธ ES6 ํด๋ž˜์Šค๊ฐ€ ํ•„์š”ํ•˜๋ฏ€๋กœ ์†Œ์Šค๋ฅผ ๋ณ€ํ™˜๋˜์ง€ ์•Š์€ ES6์œผ๋กœ ์œ ์ง€ํ•˜๊ณ  ์ด๋ฅผ ํ•„์š”๋กœ ํ•˜๋Š” ๋ธŒ๋ผ์šฐ์ €์—๋งŒ ES5 ๋ณ€ํ™˜๋œ ์†Œ์Šค๋ฅผ ์ œ๊ณตํ•˜๋ฉด ์„ฑ๋Šฅ์ƒ์˜ ์ด์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค(๋” ๋ณต์žกํ•œ ์„œ๋ฒ„ ์„ค์ •์ด ํ•„์š”ํ•˜์ง€๋งŒ ํ—ˆ์šฉํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ES5 ์†Œ์Šค๊ฐ€ ๋ฒ™์–ด๋ฆฌ ์„œ๋ฒ„์—์„œ ์ œ๊ณต๋˜๊ณ  ์•ฝ๊ฐ„์˜ ์„ฑ๋Šฅ ์ €ํ•˜๋กœ ๋„ค์ดํ‹ฐ๋ธŒ CE์—์„œ ๊ณ„์† ์‹คํ–‰๋  ์ˆ˜ ์žˆ๋„๋ก ๋„ค์ดํ‹ฐ๋ธŒ shim์ด ์žˆ์Šต๋‹ˆ๋‹ค)
  • ์š”์†Œ๊ฐ€ ์ „๋‹ฌ๋˜๋Š” ๋ฐฉ์‹๊ณผ ๋” ์ผ์น˜ํ•ฉ๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ๋˜ํ•œ "๋ชจ๋“ˆ ์—์ฝ”์‹œ์Šคํ…œ"์— ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐ์—๋„ ๋งค์šฐ ๊ด€์‹ฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ Polymer๋ฅผ ๋ณด๋‹ค ์ „ํ†ต์ ์ธ ํ˜•์‹์œผ๋กœ ๋ฐฐ์†กํ•˜๊ฒŒ ๋  ์ˆ˜๋„ ์žˆ์ง€๋งŒ(๊ทธ๋ฆฌ๊ณ  ๊ทธ์— ์ ํ•ฉํ•œ ๋นŒ๋“œ ์ถœ๋ ฅ์„ ์œ„ํ•ด gulpfile์„ ์ ์šฉํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค), ์•„์ง ์™„์ „ํžˆ ์ฐฉ๋ฅ™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์•„์ง ๊ทธ ์ตœ์ข… ํ˜•ํƒœ์—. ๊ทธ ๋™์•ˆ์—๋Š” ์ง€์ ํ•˜์‹  ๋Œ€๋กœ gulpfile์ด ํญ๋ฐœํ•˜์ง€ ์•Š๋„๋ก ์ˆ˜์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

๋ฌธ์ œ๋ฅผ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. gulpfile์„ ์ •๋ฆฌํ•ด์•ผ ํ•œ๋‹ค๋Š” ๋ฐ ๋™์˜ํ–ˆ์Šต๋‹ˆ๋‹ค. gulp ์ž‘์—…์€ ์ฃผ๋กœ ์ถ•์†Œ๋œ ํด๋ฆฌ๋จธ์˜ ํฌ๊ธฐ๋ฅผ ํ™•์ธํ•˜๊ณ  ํด๋กœ์ € ์ปดํŒŒ์ผ๋Ÿฌ ๋นŒ๋“œ/๋ฆฐํŠธ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๊ฒƒ์ด์ง€๋งŒ ์‹ค์ œ๋กœ ์ •๊ธฐ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ํŒŒ์† ์ƒํƒœ์— ์ด๋ฅด๋ €์Šต๋‹ˆ๋‹ค.


์•„๋งˆ๋„ ๊ท€ํ•˜๊ฐ€ ์š”์ฒญํ•œ ๊ฒƒ๋ณด๋‹ค ๋” ๋งŽ์„ ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ค์Œ์€ ๋ฆด๋ฆฌ์Šค/๋ฐฐํฌ ๊ณ„ํš์— ๋Œ€ํ•œ ๋ฐฐ๊ฒฝ์ž…๋‹ˆ๋‹ค.

์ดˆ๊ธฐ Polymer 2.0 ๋ฆด๋ฆฌ์Šค์— ๋Œ€ํ•œ ๊ณ„ํš์€ ์‹ค์ œ๋กœ ์ฝ”์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์›์‹œ ES6 ์†Œ์Šค๋กœ ๋ฐฐํฌํ•˜๊ณ (unbundled/untranspiled/unminified, ๋”ฐ๋ผ์„œ gulpfile์€ ๋ฆด๋ฆฌ์Šค ์›Œํฌํ”Œ๋กœ์— ์‹ค์ œ๋กœ ํฌํ•จ๋˜์ง€ ์•Š์Œ) ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐฐํฌ ๋‹จ๊ณ„์—์„œ ์ด๋Ÿฌํ•œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์กฐ๊ฑด์— ๋”ฐ๋ผ ์˜ˆ๋ฅผ ๋“ค์–ด Polymer CLI๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์ด ์ ‘๊ทผ ๋ฐฉ์‹์—๋Š” ๋ช‡ ๊ฐ€์ง€ ๋‹ค๋ฅธ ์ด์œ ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์šฐ๋ฆฌ๋Š” (์˜ˆ๋ฅผ ๋“ค์–ด lib/mixins/property-accessors.html ๋˜๋Š” template-stamp.html ๋งŒ ์‚ฌ์šฉํ•˜์—ฌ) ๋ฒˆ๋“ค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํŽ˜์ด๋กœ๋“œ ๋น„์šฉ ์—†์ด Polymer 2.0์˜ ๊ตฌ์„ฑ ๋น„ํŠธ(๊ตฌ์„ฑ ๊ฐ€๋Šฅํ•œ ๋ฏน์Šค์ธ์œผ๋กœ ๊ตฌ์ถ•๋จ)๊ฐ€ ์†Œ๋น„ ๊ฐ€๋Šฅํ•œ ์•Œ๋ผ์นด๋ฅดํŠธ๊ฐ€ ๋˜๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ๋‹จ์ง€ ๋ช‡ kb์— ๋Œ€ํ•œ ๋งŽ์€ ํž˜)
  • ๊ธฐ๋ณธ ์‚ฌ์šฉ์ž ์ •์˜ ์š”์†Œ์—๋Š” ๊ธฐ๋ณธ ES6 ํด๋ž˜์Šค๊ฐ€ ํ•„์š”ํ•˜๋ฏ€๋กœ ์†Œ์Šค๋ฅผ ๋ณ€ํ™˜๋˜์ง€ ์•Š์€ ES6์œผ๋กœ ์œ ์ง€ํ•˜๊ณ  ์ด๋ฅผ ํ•„์š”๋กœ ํ•˜๋Š” ๋ธŒ๋ผ์šฐ์ €์—๋งŒ ES5 ๋ณ€ํ™˜๋œ ์†Œ์Šค๋ฅผ ์ œ๊ณตํ•˜๋ฉด ์„ฑ๋Šฅ์ƒ์˜ ์ด์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค(๋” ๋ณต์žกํ•œ ์„œ๋ฒ„ ์„ค์ •์ด ํ•„์š”ํ•˜์ง€๋งŒ ํ—ˆ์šฉํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ES5 ์†Œ์Šค๊ฐ€ ๋ฒ™์–ด๋ฆฌ ์„œ๋ฒ„์—์„œ ์ œ๊ณต๋˜๊ณ  ์•ฝ๊ฐ„์˜ ์„ฑ๋Šฅ ์ €ํ•˜๋กœ ๋„ค์ดํ‹ฐ๋ธŒ CE์—์„œ ๊ณ„์† ์‹คํ–‰๋  ์ˆ˜ ์žˆ๋„๋ก ๋„ค์ดํ‹ฐ๋ธŒ shim์ด ์žˆ์Šต๋‹ˆ๋‹ค)
  • ์š”์†Œ๊ฐ€ ์ „๋‹ฌ๋˜๋Š” ๋ฐฉ์‹๊ณผ ๋” ์ผ์น˜ํ•ฉ๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ๋˜ํ•œ "๋ชจ๋“ˆ ์—์ฝ”์‹œ์Šคํ…œ"์— ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐ์—๋„ ๋งค์šฐ ๊ด€์‹ฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ Polymer๋ฅผ ๋ณด๋‹ค ์ „ํ†ต์ ์ธ ํ˜•์‹์œผ๋กœ ๋ฐฐ์†กํ•˜๊ฒŒ ๋  ์ˆ˜๋„ ์žˆ์ง€๋งŒ(๊ทธ๋ฆฌ๊ณ  ๊ทธ์— ์ ํ•ฉํ•œ ๋นŒ๋“œ ์ถœ๋ ฅ์„ ์œ„ํ•ด gulpfile์„ ์ ์šฉํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค), ์•„์ง ์™„์ „ํžˆ ์ฐฉ๋ฅ™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์•„์ง ๊ทธ ์ตœ์ข… ํ˜•ํƒœ์—. ๊ทธ ๋™์•ˆ์—๋Š” ์ง€์ ํ•˜์‹  ๋Œ€๋กœ gulpfile์ด ํญ๋ฐœํ•˜์ง€ ์•Š๋„๋ก ์ˆ˜์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ ์„ธ๋ถ€ ์‚ฌํ•ญ์— ๋Œ€ํ•ด ๋Œ€๋‹จํžˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์˜๋ฏธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค!

์ฐธ๊ณ ๋กœ Chromium, Firefox, Edge ๋ฐ Safari๋Š” ์˜ค๋Š˜ ํ˜„์žฌ 2๊ฐœ์˜ ์ตœ์‹  ๋ฆด๋ฆฌ์Šค์—์„œ Polymer์— ํ•„์š”ํ•œ ๋ชจ๋“  ES2015 ๊ธฐ๋Šฅ์„ ์ง€์›ํ•ฉ๋‹ˆ๊นŒ(ํŠธ๋žœ์ŠคํŒŒ์ผ ํ”„๋กœ์„ธ์Šค๋ฅผ ์™„์ „ํžˆ ์ œ๊ฑฐํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค)?

@nazar-pc ๋งž์Šต๋‹ˆ๋‹ค. 4๊ฐ€์ง€ ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ € ๋ชจ๋‘์˜ ์ตœ์‹  ๋ฆด๋ฆฌ์Šค์—๋Š” ๋ณ€ํ™˜์ด ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. CLI๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ์„ ํƒํ•œ ๊ฒฝ์šฐ polymer serve UA๋Š” ๋” ์‰ฝ๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด IE(๋ฐ ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €์˜ ์ด์ „ ๋ฒ„์ „)์—์„œ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•ด ์ฆ‰์„์—์„œ ์Šค๋‹ˆํ•‘ํ•˜๊ณ  ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

polymer build ๋Š” ๋ฐฐํฌ๋ฅผ ์œ„ํ•œ ๋ณ„๋„์˜ ES5 ๋ฐ ES6 ๋นŒ๋“œ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ฒ”์šฉ ES5 ๋นŒ๋“œ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

Edge 14์—๋Š” ES6 impl์— ๋ช‡ ๊ฐ€์ง€ ๋ฒ„๊ทธ๊ฐ€ ์žˆ์œผ๋ฏ€๋กœ(ES6 ํด๋ž˜์Šค๋ฅผ ๋„ˆ๋ฌด ์—ฌ๋Ÿฌ ๋ฒˆ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ํŠนํžˆ ๋‚˜์œ ๊ฒฝ์šฐ) CLI ๋„๊ตฌ์—์„œ Edge๋ฅผ ๋ณ€ํ™˜ํ•˜๊ณ  ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ทธ๋ ‡๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค(Edge 15๋ผ๊ณ  ์ƒ๊ฐํ•˜์ง€๋งŒ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค).

gulpfile์ด https://github.com/Polymer/polymer/pull/4565 ์—์„œ ์ •๋ฆฌ๋˜์—ˆ์œผ๋ฏ€๋กœ ๋‹ซ์Šต๋‹ˆ๋‹ค

๋‹ค์Œ ๊ฟ€๊บฝ ๊ฟ€๊บฝ ๋งˆ์‹œ๊ธฐ ์ž‘์—…์ด ๊ตฌํ˜„๋ฉ๋‹ˆ๋‹ค( default ์ž‘์—… ์ œ๊ฑฐ๋จ).

  • clean - dist dir ์ œ๊ฑฐ
  • estimate-size - ์ถ•์†Œ๋œ polymer.html ๋ฒˆ๋“ค์˜ ํฌ๊ธฐ๋ฅผ ์ถ”์ •ํ•ฉ๋‹ˆ๋‹ค.
  • lint - eslint ์‹คํ–‰
  • lint-closure - ํด๋กœ์ € ์ปดํŒŒ์ผ๋Ÿฌ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ํด๋กœ์ € ๊ฒฝ๊ณ ๊ฐ€ ์žˆ๋Š” ๋กœ๊ทธ ํŒŒ์ผ์„ ์ถœ๋ ฅํ•ฉ๋‹ˆ๋‹ค(์ „์ฒด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํด๋กœ์ € ์œ ํ˜•์€ WIP์ž„).
  • closure - ํด๋กœ์ € ์ปดํŒŒ์ผ๋Ÿฌ "๊ณ ๊ธ‰ ์ปดํŒŒ์ผ" ๋ชจ๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  polymer.html ๋นŒ๋“œ๋ฅผ ์ถœ๋ ฅํ•ฉ๋‹ˆ๋‹ค(๋ฐ๋“œ ์ฝ”๋“œ ์ œ๊ฑฐ๋กœ ์ธํ•ด ์ตœ์ข… ์‚ฌ์šฉ์ž์—๊ฒŒ ํŠนํžˆ ์œ ์šฉํ•˜์ง€ ์•Š์ง€๋งŒ ์ปดํŒŒ์ผ ๊ฐ€๋Šฅ์„ฑ ํ…Œ์ŠคํŠธ์—๋Š” ์œ ์šฉ).
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰