/ / Gulp uglify rompiendo aplicación angular - javascript, angularjs, gulp, uglifyjs

Gulp uglify rompiendo la aplicación angular - javascript, angularjs, gulp, uglifyjs

Al intentar usar gulp-ugily con mi aplicación angular, se está rompiendo, aunque la estoy ejecutando gulp-ngmin.

Aquí está el archivo trago:

var gulp = require("gulp"),
concat = require("gulp-concat"),
ngmin = require("gulp-ngmin"),
uglify = require("gulp-uglify");

gulp.task("compress", function() {
gulp.src("client/js/source/*.js")
.pipe(concat("app.js"))
.pipe(ngmin())
.pipe(uglify())
.pipe(gulp.dest("client/js"));
});

Respuestas

37 para la respuesta № 1

Ayuda a deshabilitar la opción Mangle en uglify, ya que se confunde con todo lo relacionado con la inyección y los nombres.

.pipe(uglify({ mangle: false }))

27 para la respuesta № 2

Tal vez respondiendo esto para futuros usuarios, ya que parece que la publicación es antigua.

Use ng-annotate para corregir los problemas de AngularJS al uglificar. Instálalo como cualquier otra biblioteca:

npm install gulp-ng-annotate --save-dev

Y luego use esto en su gulpfile.js:

var gulp = require("gulp")
var concat = require("gulp-concat")
var uglify = require("gulp-uglify")
var ngAnnotate = require("gulp-ng-annotate")

gulp.task("js", function () {
gulp.src(["src/**/module.js", "src/**/*.js"])
.pipe(concat("app.js"))
.pipe(ngAnnotate())
.pipe(uglify())
.pipe(gulp.dest("."))
})

Espero que esto haya ayudado!

Fuente: https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917