Konvertieren Sie mehrere es6 in mehrere es5-Datei, um npm-Paket zu erstellen

Question

Ich habe einige reagierende Komponenten geschrieben.

Ich habe einen Ordner ES6 Dateien mit mehreren Dateien:

• Komponenten/A.js
• Komponenten/Button.js

ich wan't sie wie folgt importieren in mein zukünftiges Projekt.

import A from 'bootstrap-styled/components/A'; 

Ich möchte ein Npm-Paket erstellen.

Ich muss sie im ES5-Format mit der SAME-Verzeichnisstruktur exportieren.

Ich möchte keine einzige Ausgabedatei.

Gibt es ein vorhandenes Programm, das das tun kann?

Answer 1

Sie müssen in Ihrem Projekt Babel installiert haben (ich nehme an, dass es bereits installiert ist, denn ohne sie könnten Sie Ihre ES6 im Browser nicht ausführen. Also ich alle Einstellungen von Babel weglassen, nur sicherstellen, dass Sie haben babel-cli in Ihrem Projekt).

Also alles, was Sie brauchen ist:

babel components --out-dir dist 

Es werden alle Ihre Dateien von components zu dist kompilieren. als Sie es NPM mit

"main": "dist"

in Ihrem package.json

Wenn Sie Automatisierung dieses Prozesses diese vorformulierten Projekt versuchen suchen veröffentlichen können - react-cdk. Es wird die genau Sie fragen: kompilieren ES6 zu ES5 jedes Mal, wenn Sie npm publish