[javascript] babel-polyfill 라이브러리를 어떻게 설치합니까?

Babel 버전 7의 경우 @ babel / preset-env를 사용하는 경우 polyfill을 포함하려면 babel 구성에서 ‘usage’값으로 ‘useBuiltIns’플래그를 추가하면됩니다. 앱의 진입 점에서 폴리 필을 요구하거나 가져올 필요가 없습니다.

이 플래그를 지정하면 babel @ 7이 최적화하고 필요한 폴리 필 만 포함합니다.

설치 후이 플래그를 사용하려면 다음을 수행하십시오.

npm install --save-dev  @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill

간단히 플래그를 추가하십시오.

useBuiltIns: "usage" 

“@ babel / env”섹션 아래의 “babel.config.js”라는 babel 구성 파일 (Babel @ 7에도 새로 추가됨)에

// file: babel.config.js

module.exports = () => {
   const presets = [
      [
         "@babel/env",
         {
             targets: { /* your targeted browser */ },
             useBuiltIns: "usage"  // <-----------------*** add this
         }
      ]
   ];

   return { presets };
};

참고:

• 사용법 #polyfill
• babel-polyfill # usage-in-node-browserify- 웹팩
• babel-preset-env # usebuiltins

2019 년 8 월 업데이트 :

Babel 7.4.0 (2019 년 3 월 19 일) 릴리스에서는 @ babel / polyfill이 더 이상 사용되지 않습니다. @ babe / polyfill을 설치하는 대신 core-js를 설치합니다.

npm install --save core-js@3

corejsbabel.config.js에 새로운 항목 이 추가됩니다

// file: babel.config.js

module.exports = () => {
   const presets = [
      [
         "@babel/env",
         {
             targets: { /* your targeted browser */ },
             useBuiltIns: "usage",
             corejs: 3  // <----- specify version of corejs used
         }
      ]
   ];

   return { presets };
};

예를 참조하십시오 : https://github.com/ApolloTang/stackoverflow-eg–babel-v7.4.0-polyfill-w-core-v3

참고:

• 7.4.0 출시 : core-js 3, 정적 개인 메소드 및 부분 애플리케이션
• core-js @ 3, babel 및 미래에 대한 살펴보기

답변

  ...
  "devDependencies": {
    "babel": "^6.5.2",
    "babel-eslint": "^6.0.4",
    "babel-polyfill": "^6.8.0",
    "babel-preset-es2015": "^6.6.0",
    "babelify": "^7.3.0",
  ...

import "babel/polyfill";

import "babel-polyfill";

npm install babel --save

npm install --save core-js@3.6.5
npm install regenerator-runtime

import 'core-js/stable';
import 'regenerator-runtime/runtime';