> 웹 프론트엔드 > JS 튜토리얼 > 바벨 변환이 작동하지 않는 이유는 무엇입니까?

바벨 변환이 작동하지 않는 이유는 무엇입니까?

Patricia Arquette
풀어 주다: 2024-11-16 07:44:03
원래의
996명이 탐색했습니다.

Why Isn't My Babel Transformation Working?

Babel 변환이 발생하지 않음

코드에서 컴파일하려고 할 때 Babel 변환이 발생하지 않는 문제가 발생합니다. Proxy.js를 proxified.js로 변환합니다. 이로 인해 출력 파일이 컴파일되지 않고 소스 파일의 복사본이 됩니다.

이 문제를 해결하려면 적용하려는 변환으로 Babel을 구성해야 합니다. 기본적으로 Babel 6.x는 명시적인 구성 없이는 어떤 변환도 수행하지 않습니다.

필요한 변환을 활성화하려면 다음 단계를 따르세요.

  1. babel-preset-env 패키지를 설치합니다.
npm install babel-preset-env
로그인 후 복사
  1. --presets를 사용하여 Babel 실행 플래그:
babel --presets env proxy.js --out-file proxified.js
로그인 후 복사

또는 프로젝트 디렉터리에 다음 콘텐츠가 포함된 .babelrc 파일을 생성할 수 있습니다.

{
    "presets": [
        "env"
    ]
}
로그인 후 복사

이 구성은 Babel이 env 사전 설정을 사용하도록 지시합니다. , 표준 ES* 기능을 ES5로 컴파일합니다.

일부 ES6을 지원하는 Node 버전을 사용하는 경우 기능을 사용하려면 대상 노드 버전을 지정하여 사전 설정을 사용자 정의할 수 있습니다. 예:

{
    "presets": [
        ["env", { "targets": { "node": "true" } }],
    ]
}
로그인 후 복사

이 구성을 사용하면 Node 버전에서 지원되지 않는 기능만 컴파일됩니다. 브라우저 지원이 필요한 경우 타겟에 브라우저 버전을 포함할 수도 있습니다.

위 내용은 바벨 변환이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿