@babel/runtime

๋ฐ”๋ฒจ ๋ชจ๋“ˆ๋Ÿฌ ๋Ÿฐํƒ€์ž„ ํ—ฌํผ์™€ regenerator-runtime ๋ฒ„์ „์„ ํฌํ•จํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค.

Usage

@babel/plugin-transform-runtime๊ณผ ํ•จ๊ป˜ runtime dependency๋กœ ์‚ฌ์šฉ๋œ๋‹ค.

Why

๋ฐ”๋ฒจ์€ ์–ด๋–ค ๋™์ผํ•œ ์ฝ”๋“œ๋ฅผ output์— ์‚ฝ์ž…ํ•˜์—ฌ ์ž ์žฌ์ ์œผ๋กœ ์žฌ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด,

loose mode ์—†์ด class transform ์˜ˆ์ œ๋ฅผ ๋ณด์ž.

class Circle {}

๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ปดํŒŒ์ผ๋œ๋‹ค.

function _classCallCheck(instance, Constructor) {
  //...
}

var Circle = function Circle() {
  _classCallCheck(this, Circle);
};

class๋ฅผ ํฌํ•จํ•˜๋Š” ๋ชจ๋“  ํŒŒ์ผ์€ _classCallCheck ํ•จ์ˆ˜๊ฐ€ ๋ฐ˜๋ณต๋œ๋‹ค.

@babel/plugin-transform-runtime์„ ์‚ฌ์šฉํ•˜๋ฉด, ํ•จ์ˆ˜์— ๋Œ€ํ•œ ์ฐธ์กฐ๊ฐ’์„ @babel/runtime version์œผ๋กœ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋‹ค.

var _classCallCheck = require("@babel/runtime/helpers/classCallCheck");

var Circle = function Circle() {
  _classCallCheck(this, Circle);
};

@babel/runtime์€ ๋‹จ์ˆœํžˆ ๋ชจ๋“ˆ๋Ÿฌ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜ ๊ตฌํ˜„์„ ํฌํ•จํ•˜๋Š” ํŒจํ‚ค์ง€๋‹ค.

Last updated

Was this helpful?