ng build --aot --prod generates ESC character in vendor

[robindijkhof]

Bug Report or Feature Request (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request

Versions.

@angular/cli: 1.0.0
node: 6.10.2
os: win32 x64
@angular/common: 4.1.0
@angular/compiler: 4.1.0
@angular/core: 4.1.0
@angular/forms: 4.1.0
@angular/http: 4.1.0
@angular/platform-browser: 4.1.0
@angular/platform-browser-dynamic: 4.1.0
@angular/router: 4.1.0
@angular/cli: 1.0.0
@angular/compiler-cli: 4.1.0

Repro steps.

Create a new project with the cli
run ng build --aot --prod
check the vendor file.
Easiest way is to open the file in notepad++. Press ALT + 027 to insert the ESC char. Ctrl + C to copy and Ctrl + F to find it.

The log given by the failure.

No angular crashlog. Crashlog from IBM WebSphere.
Illegal character [0x001b] found at offset [some hex value] in file [vendor.**.bundle.js]

Desired functionality.

Don't generate the ESC char but ESC as string.

Mention any other details that might be useful.

Also happend with cli 1.0.1
I added my generated vendor. Check line 529 col 10548.
https://www.dropbox.com/s/d80zz1fpxy8xho4/vendor.8b1206c372ceef779894.bundle.js?dl=0

[filipesilva]

Can you provide a repro where this happens? One of your vendors seems to be doing it but I can't figure it out from just the bundle.

[robindijkhof]

Hero you go

[robindijkhof]

@filipesilva Any update on this one?

[Fayde]

@filipesilva I can reproduce this by making a new skeleton with ng new projectname and ng build --prod and it throws errors when we push it up to our server every time. Any updates on this or a version of the CLI we can revert to in the meantime that doesn't cause this behavior?

[robindijkhof]

@Fayde

As far as I know there is no version you can revert to. I wrote this simple gulp script for the meantime.

(gulpfile.js)

var gulp = require('gulp');
var replace = require('gulp-replace');


gulp.task('build', function () {
  console.log('replacing characters we can\'t handle');
  gulp.src(['dist/vendor.*.bundle.js'])
    .pipe(replace(/\u001b/g, '\\u001b'))
    .pipe(gulp.dest('dist'))
});`

Script: "build": "ng build --aot --prod && gulp build"

[Fayde]

@robindijkhof thanks I will add it into my build chain for now

[Fayde]

@filipesilva can we get an update on if this is being looked at or not. It's not ideal to have this step in the build chain for an enterprise-wide application and justifying to leadership that this is a necessary step but also that this is a stable application