«babeljs» 태그된 질문

Babel (이전의 6to5)은 JavaScript 컴파일러입니다. ES6 + / ES2015 코드를 ES5 코드로 변환합니다.

10
Node.js를 사용하려면 ES6 가져 오기 / 내보내기가 필요합니다
공동 작업중인 프로젝트에서 사용할 수있는 모듈 시스템에 대해 두 가지 선택이 있습니다. 사용하여 모듈을 가져 오기 require및 사용 수출 module.exports및 exports.foo. ES6을 사용하여 모듈 가져 오기 import및 ES6을 사용하여 내보내기export 하나를 다른 것보다 사용하면 성능상의 이점이 있습니까? 노드 1에서 ES6 모듈을 사용할 경우 알아야 할 다른 것이 있습니까?

30
Babel 6 재생기 런타임이 정의되지 않았습니다
비동기를 사용하려고하는데 Babel 6에서 처음부터 기다리지 만 regeneratorRuntime이 정의되지 않았습니다. .babelrc 파일 { "presets": [ "es2015", "stage-0" ] } package.json 파일 "devDependencies": { "babel-core": "^6.0.20", "babel-preset-es2015": "^6.0.15", "babel-preset-stage-0": "^6.0.15" } .js 파일 "use strict"; async function foo() { await bar(); } function bar() { } exports.default = foo; async / …

11
비동기 / 대기 함수 호출
내가 이해하는 한, ES7 / ES2016에서 다중 await코드를 코드에 넣는 .then()것은 약속 과 체인을 연결 하는 것과 유사하게 작동하며 , 이는 팔러 렐이 아닌 차례로 실행됩니다. 예를 들어 다음 코드가 있습니다. await someCall(); await anotherCall(); 완료 anotherCall()되었을 때만 호출 되는 것을 올바르게 이해 someCall()합니까? 그것들을 병렬로 호출하는 가장 우아한 방법은 …

6
babel 및 webpack을 사용할 때 소스 맵을 어떻게 생성합니까?
나는 웹팩을 처음 접했고 소스 맵을 생성하도록 설정해야한다. webpack serve성공적으로 컴파일되는 명령 줄에서 실행 중 입니다. 하지만 정말 소스 맵이 필요합니다. 이것은 나의webpack.config.js 입니다. var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: …

5
색인 파일에서 ES6 내보내기 / 가져 오기
현재 webpack / babel을 통해 React 앱에서 ES6을 사용하고 있습니다. 색인 파일을 사용하여 모듈의 모든 구성 요소를 수집하고 내보내고 있습니다. 불행히도 다음과 같습니다. import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; export const Comp3 = Comp3_; …

4
Babel 6은 기본값을 내보내는 방법을 변경합니다
전에, babel은 줄을 추가 할 것 module.exports = exports["default"]입니다. 더 이상이 작업을 수행하지 않습니다. 이것이 의미하는 것은 내가 할 수 있기 전에입니다. var foo = require('./foo'); // use foo 이제이 작업을 수행해야합니다. var foo = require('./foo').default; // use foo 큰 문제는 아닙니다. 문제는 작동하는 방식에 따라 많은 코드가 있다는 것입니다 …

13
Nodejs5 및 babel에서 "예기치 않은 토큰 가져 오기"?
js 파일에서 필요 대신 가져 오기를 사용했습니다. import co from 'co'; 가져 오기가 '배송 기능'이고 런타임 플래그 ( https://nodejs.org/en/docs/es6/ ) 없이 지원한다고 nodejs에서 직접 실행하려고했지만 오류가 발생했습니다. import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import 그런 다음 babel을 사용하려고했습니다. npm install -g babel-core npm install -g babel-cli npm install …

6
lodash를 가져 오는 올바른 방법
lodash를 가져 오는 올바른 방법이 무엇인지 궁금한데 아래에서 요청에 대한 피드백을 받았습니다. 가져 오기를 'lodash / has'에서 수행하는 것이 좋습니다 .. 이전 버전의 lodash (v3) 자체만으로는 무겁기 때문에 전체 lodash 라이브러리를 가져 오는 대신 특정 모듈 / 함수 만 가져와야합니다. 최신 버전 (v4)에 대해 확실하지 않습니다. import has from 'lodash/has'; …

4
화살표 함수 (공개 클래스 필드)를 클래스 메서드로 사용하는 방법은 무엇입니까?
나는 React와 함께 ES6 클래스를 처음 사용하고 있는데, 이전에는 메소드를 현재 객체에 바인딩했지만 (첫 번째 예 참조) ES6을 통해 클래스 함수를 화살표가있는 클래스 인스턴스에 영구적으로 바인딩 할 수 있습니까? (콜백 함수로 전달할 때 유용합니다.) CoffeeScript에서 가능한 한 오류를 사용하려고하면 오류가 발생합니다. class SomeClass extends React.Component { // Instead of this …

8
“코드 생성기가 [100KB]를 초과하여 [일부 파일]의 스타일을 최적화하지 않았다”는 것은 무엇을 의미합니까?
프로젝트에 새 npm 패키지를 추가하고 내 모듈 중 하나에 필요합니다. 이제 웹팩에서이 메시지를받습니다. build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". 무슨 뜻인가요? 조치를 취해야합니까?
165 webpack  babeljs 

11
ES6 / 2015의 안전하지 않은 속성 액세스 및 조건부 할당
거기 nullES6 (ES2015 / JavaScript.next / 하모니) 등의 -safe 속성 액세스 (null의 전파 / 유) 연산자 ?.의 커피 스크립트 예는? 아니면 ES7을 계획하고 있습니까? var aThing = getSomething() ... aThing = possiblyNull?.thing 이것은 대략 다음과 같습니다. if (possiblyNull != null) aThing = possiblyNull.thing 이상적 솔루션 (심지어 할당해서는 안됩니다 undefined)로 aThing하면 …

11
ES6로 작성된 모듈을 NPM에 게시하는 방법은 무엇입니까?
ES6에서 모듈을 다시 작성하고 미래를 보장하고 ES6을 배우기 위해 NPM에 모듈을 게시하려고했습니다. 나는 Babel을 사용하여 ES5로 변환하고 테스트를 실행했습니다. 그러나 진행 방법을 잘 모르겠습니다. 결과 / out 폴더를 변환하고 NPM에 게시합니까? Github 저장소에 결과 폴더를 포함합니까? 아니면 Github의 ES6 코드 + 꿀꺽 거리는 스크립트와 NPM에 대한 변환 된 결과 + …

7
babel-polyfill 라이브러리를 어떻게 설치합니까?
방금 Babel을 사용하여 ES6 자바 스크립트 코드를 ES5로 컴파일하기 시작했습니다. 약속을 사용하기 시작하면 작동하지 않는 것 같습니다. Babel 웹 사이트는 polyfill을 통한 약속 지원을 명시합니다. 운이 없다면 나는 다음을 추가하려고 시도했다. require("babel/polyfill"); 또는 import * as p from "babel/polyfill"; 이를 통해 앱 부트 스트랩에서 다음과 같은 오류가 발생합니다. 'babel / …

14
ES6 구문 및 Babel을 사용하여 Javascript에서 오류 확장
ES6 및 Babel에서 오류를 확장하려고합니다. 작동하지 않습니다. class MyError extends Error { constructor(m) { super(m); } } var error = new Error("ll"); var myerror = new MyError("ll"); console.log(error.message) //shows up correctly console.log(myerror.message) //shows empty string Error 객체는 올바른 메시지 세트를 얻지 못합니다. Babel REPL에서 시도하십시오 . 이제 SO에 대한 몇 …

1
Babel 7로 업그레이드 : null의 '바인딩'속성을 읽을 수 없습니다.
다음 명령을 실행 하여 Babel 7 (6에서)로 업그레이드했습니다 . npm remove babel-cli npm install --save-dev @babel/cli @babel/core @babel/preset-env 내 .babelrc파일 은 다음과 같습니다 . { "presets": ["env"] } 그런 다음 실행했습니다. babel js/src --out-dir js/dist 결과는 다음과 같습니다. TypeError: Cannot read property 'bindings' of null at Scope.moveBindingTo (/xyz/node_modules/@babel/traverse/lib/scope/index.js:867:13) at BlockScoping.updateScopeInfo …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.