Gulp गुस्से में कोणीय आवेदन गुस्से में - जावास्क्रिप्ट, angularjs, gulp, uglifyjs

जब उपयोग करने की कोशिश कर रहा है gulp-ugily मेरे कोणीय अनुप्रयोग के साथ, यह टूट रहा है, भले ही मैं इसे माध्यम से चला रहा हूं gulp-ngmin.

यहाँ gulp फ़ाइल है:

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"));
});

उत्तर:

यह सभी इंजेक्शन सामग्री और नामकरण के साथ खिलवाड़ करने के लिए, कुरूप में मैंगले विकल्प को अक्षम करने में मदद करता है।

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

शायद यह भविष्य के उपयोगकर्ताओं के लिए इसका जवाब दे, क्योंकि ऐसा लगता है कि यह पद पुराना है।

बदसूरत होने पर AngularJS समस्याओं को ठीक करने के लिए एनजी-एनोटेट का उपयोग करें। इसे किसी अन्य पुस्तकालय के रूप में स्थापित करें:

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

और फिर अपने 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("."))
})

उम्मीद है कि यह मदद की!

स्रोत: https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917