Wie kann man ES2015-Code minimieren, ohne ihn auf ES5 zu transponieren? Die populären Module gulp-minify
und gulp-uglify
funktionieren nicht mit einfachem ES2015-Code.Minify (nicht transpilieren) ES2015-Code mit Gulp
Antwort
Es ist nun möglich ES2015 minify, ohne den Code transpiling. babel minify (früher babili) ist ein Babel-Preset, das das tut.
So installieren Sie tun:
npm install --save-dev babel-preset-minify
es nutzen zu können, mit schluck Sie tun:
var gulp = require('gulp')
var babel = require('gulp-babel')
gulp.task('default',() => {
return gulp.src('src/app.js')
.pipe(babel({presets: ['minify']}))
.pipe(gulp.dest('dist'))
})
Sie müssen hinzufügen 'npm installieren babili --save-dev' zu Ihrer Antwort, so dass wir müssen nicht klicken – activedecay
Ich musste auch tun 'npm installieren gulp-babel --save-dev' und ' var babel = erfordern ('gulp-babel'); ' , um dies zu machen arbeiten. :) – Abhi
und 'babili' heißt jetzt' babel-minify' – x29a
Momentan ist die einzige Möglichkeit, ES2015 mit Schluck zu minimieren, die Verwendung von gulp-babel
, die ES2015 in "traditionelles" Javascript umwandelt und dann gulp-uglify
und verwendet.
Erfahren Sie mehr unter: gulp-babel
Diese Antwort ist nicht mehr aktuell. Sehen Sie die Upvote Gewinner – activedecay
Warum ablehnen? –
@ nguyên, weil die Antwort jetzt veraltet ist. Neues ist unten Kommentar –
- 1. UI-Router funktioniert nicht nach Minify mit Gulp
- 2. Gulp - Minify, ohne zufällige Zeichenfolge zu erstellen
- 3. Css-und JS-Dateien nicht Minify und Verkettung, wenn Verwendung gulp-jade und gulp-useref
- 4. minify Frontend mit Minify-Maven-Plugin
- 5. CommonJS/ES6-Module auf AMD transpilieren
- 6. Gulp-Bundle dann verkleinern
- 7. Gulp BrowserSync PHP Dateien
- 8. Concat und Minify CSS-Dateien mit Webpack, ohne sie benötigen
- 9. Remote-Import-Fonts mit Gulp
- 10. Minify Angular 2 rc1
- 11. XML: minify mein xml
- 12. gulp/minify: index.html bekommt kryptische Erweiterung im Dateinamen, wie man Vorteil ausnutzt?
- 13. schluck minify alle CSS-Dateien in einer einzigen Datei
- 14. minify die signalr/Naben
- 15. Minify Android-App, aber nicht verschleiern
- 16. WebStorm Minify CSS
- 17. Angular js minify Fehler
- 18. angular injection wenn minify
- 19. Warum wird gulp-rsync nicht bereitgestellt?
- 20. Wie 'minify' Javascript-Code
- 21. Gulp minified js wirft Fehler
- 22. CSS minify und benennen Sie mit schluck
- 23. Gulp funktionieren nicht
- 24. Gulp Test nicht
- 25. Gulp-Inject funktioniert nicht
- 26. gulp-notify funktioniert nicht
- 27. gulp-sourcymaps funktioniert nicht mit babel 6
- 28. ERR_INCOMPLETE_CHUNKED_ENCODING: Gulp funktioniert nicht mit React App
- 29. gulp-geändert mit schluck-concat funktioniert nicht
- 30. Vueify funktioniert nicht mit ES2015 - Gulp
Könnten Sie die akzeptierte Antwort auf [diese] ändern (http://stackoverflow.com/a/ 39169594/3853934)? –