Transpile js files with React.NET

Asked Apr 04 '17 at 19:32

Active Jul 28 '17 at 21:13

Viewed 539 times

Is it possible to trasnspile js files with React.NET in order to user es6 features in js files in browser that support es5?

I use React.NET in a ASP.NET MVC project with React where it transpiles jsx files to js files through BabelBundle but if I add a js file to the bundle, using the ASP.NET Bundling and Minification library, it is no being transpiled because it is already a js file, for example:

bundles.Add(new BabelBundle("~/bundles/myBundle").Include(
    "~/Scripts/React/Component1.jsx",
    "~/Scripts/jsFile.js
));

In the above case, Component1.jsx is being transpiled but jsFile.js is not transpiled and so it is not possible to use es6 features in browsers that support only es5.

The issue occures only when in Debug configuration when bundles aren't created (because bundling is not enabled).

Is it possible to configure React.NET babel version to transpile js files as well?

edited Jul 28 '17 at 21:13

asked Apr 04 '17 at 19:32

Avi K.

1,734
2
18
28

First of all, may i ask why don't you rename the `js` file to `jsx`? – Chris Qiang Apr 14 '17 at 14:43
Because I want to seperate the pure js files from the react components. If I rename the files it will work but I am looking for a solution that won't force me to do this. – Avi K. Apr 14 '17 at 14:46
ohh i see, i cant help then, i've checked the repo, it's too complex x.x – Chris Qiang Apr 14 '17 at 14:50

Transpile js files with React.NET

0 Answers0