ASP.NET MVC 5 Bundling and minification Javascript ES6

Question

Minification fails when I try to use Ecmascript-6 features in my app.

If i try to use an arrow function:

$.get('/clients/all').done(response => {
  // Do something with the response
})

I get the following error:

/* Minification failed. Returning unminified contents.
(8,45-46): run-time error JS1195: Expected expression: >
(36,6-7): run-time error JS1195: Expected expression: )
(37,1-2): run-time error JS1002: Syntax error: }
 */

And so on with other ES6 features.

Do you know an ItemTransform for ES6?

Anton Lyhin · Accepted Answer · 2017-10-24 19:58:55Z

1

Still there is no .NET bundling package for ES6+.

But as a workaround you can use: babeljs.io > Try It Out > Presets: ES2015.

The following code:

var gridNames = Enumerable.From(verifiedKeys).Select(x => `demo_${x}`).ToArray();

Will be translated into:

var gridNames = Enumerable.From(verifiedKeys).Select(function (x) {
  return "demo_" + x;
}).ToArray();

Link: https://babeljs.io/repl and check: Presets > ES2015.

edited Oct 24, 2017 at 19:58

answered Oct 24, 2017 at 19:50

Anton Lyhin

1,9452 gold badges29 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ASP.NET MVC 5 Bundling and minification Javascript ES6

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related