babel CLI 복사 nonjs 파일

바벨 CLI 명령을 실행 중입니다.

babel src --out-dir lib

es6 스크립트를 src에서 lib로 복사하려면 그러나 src / 폴더에있는 css / scss 파일은 복사하지 않습니다. 복사 할 수있는 방법이 있습니까?

babeljs

— 양리 1990
소스

Babel의 기능은 js파일을 처리 하는 것입니다. cp복사에 사용 합니다. 더 나은 방법은 gulpfile을 만드는 것입니다.

— Amadan 2015 년

100 % 동의하지 않음, babel은 사용 사례의 50 % 이상에 필요한 기능이므로 비 js 파일 이동 기능을 포함해야합니다

— Alexander Mills

답변:

176

Babel에는이를 위한 파일 복사 옵션이 있습니다.

babel src --out-dir lib --copy-files

참고 : babels의 주요 목적은 자바 스크립트 파일을 처리하는 것이 사실이지만, 오늘날 babel의 큰 도구 모음은 종종 더 복잡한 빌드 스크립트 설정을 gulp똑같이 할 필요가 없도록 만듭니다 . 꿀꺽 꿀꺽하지 않는 설정은 이것을 다음에 추가 할 수 있습니다 packages.json.

{
  ...
  "devDependencies": {
    "babel": "*",
    "babel-cli": "^6.4.0",
    "babel-preset-es2015": "^6.3.13"
  },
  "scripts": {
    "watch": "babel --watch src --out-dir lib --source-maps inline --copy-files",
    "build": "babel src --out-dir lib --source-maps inline --copy-files" 
  },
  "babel": {
    "presets": [
      "es2015"
    ]
  }
}

— 에밀 잉 거슬 레프
소스

이것은 jsx 파일을 복사하지 않은 것을 제외하고 거의 작동했습니다. : /

— Alexander Mills

반응 사전 설정을 추가하지 않았을 수 있습니까?

— Emil Ingerslev

음, 반응 사전 설정이 설치되어 있지 않아도 파일을 올바르게 이동해야합니까? :)는 어느 쪽도하지 않았다, 나는 :) 그렇지 않으면이 일을했고, 내가 upvoted, 바벨에 문제를 제기

— 알렉산더 밀스

맞아, 그런가 봐. 변경 로그 ( github.com/babel/babel/blob/master/CHANGELOG.md )에 이에 대한 버그가 버전 5.8.13-5.8.20에서 수정 됨 : babel이 컴파일 할 수있는 파일이 아닌 버그 수정 --copy-files 플래그로 무시되면 기록됩니다.

— Emil Ingerslev

ncp 모듈을 사용하여이 작업을 수행하는 방법을 찾았습니다.

npm install ncp

이 모듈은 기본적으로 cp와 같습니다.

이것은 전역 모듈이 아니므로이를 실행하려면

node -e \"require('ncp').ncp('./src', './lib')\" && babel src --out-dir lib

— 양리 1990
소스