babel 관련 npm 패키지

babel에서 온 가방@babel/polyfill 컴파일 모듈의 도구 함수를 제공하여 새로운ecmaAPI(업무 코드를 개발할 때 devDependencies에 설정)@babel/runtime 컴파일 모듈의 도구 함수를 제공하여 새로운ecmaAPI를 변환하는 동시에polyfill 패키지가 명칭 공간을 오염시키고 서로 다른 파일 인용 도구 함수로 인해 중복 코드를 포함하는 문제를 초래하는 것을 피한다(공용 코드를 구성 요소 라이브러리에 복용할 때 많이 사용하고dependencies에 설정됨)@babel/core 컴파일을 실행하는transform 방법은 이 가방에 있습니다.@babel/plugin-transform-object-assignobject를 지원합니다.assign은 대상을 합병하는 데 쓰인다@babel/plugin-transform-runtime 이 가방의 역할은 사실 @babel/runtime를 보조하는 것이다. @babel/plugin-transform-runtime가 있으면 자동으로 @babel/runtime의 내용을 동적으로 리퀘스트할 수 있기 때문이다. 이 @babel/plugin-transform-runtime가 없으면 @babel/runtime의 내용을 사용해야 한다. 리퀘스트('@babel/polyfill')처럼 수동으로 추가할 수 있기 때문에 @babel/plugin-transform-trantime는 매우 편리하다.@babel/plugin-transform-runtime는 플러그인이기 때문에 설정해야 합니다.babelrc 중의 이 점을 기억해야 한다.@babel/preset-env 서로 다른 환경에서 높은 버전 문법을 대응하는 환경에서 낮은 버전 문법으로 전환(환경은 목표 브라우저나 운행 환경을 가리킨다)@babel/plugin-syntax-jsx jsx 지원babel-loader This package allows transpiling JavaScript files using Babel and webpack.
가방@vue/babel-preset-jsxvue 지원 jsx(babel7)는 기본적으로 h문법당을 주입합니다. vue 자체와 충돌합니다. 이 설정은false를 설정해야 합니다. 그렇지 않으면 프로젝트 시작이 잘못됩니다.

[
    '@vue/babel-preset-jsx',
    {
        functional: false
    }
],

@vue/babel-helper-vue-jsx-merge-propsbabel-template 함수(출력ast 노드)를 예제하여 vue, jsx 등에 사용babel-plugin-transform-vue-jsxbabel 번역 과정에서 사용된 플러그인으로 중복을 피합니다 (babel6)

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

그리고 Babel.

전언 현재 루반은 Babel 7+ 버전으로 기본 제공 사이트 주소https://babeljs.io/docs/en/pl... 개발 안내서https://github.com/jamiebuild... 기능 문법 번역 대상 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

babel 관련 npm 패키지

좋은 웹페이지 즐겨찾기