CODEWITHSUNDEEP
javascriptnode.jswebpackbabeljs
PatS
PatS

Reputation: 11524

Quick way to write JavaScript that requires babel and run it?

I want to write a JavaScript example and run it to see how something works.

The sample code might require a browser but not always. I'm open to two solutions, one that works with NodeJS, and one that is used for browser based code. In browser, I'm using React with class and other ES6 syntax including import/export which is not (yet) supported directly by node or node --harmony.

In Python, Java/Groovy, C/C++, C#, others, I could just run a command to compile the file and then run the executable (or just interpret the code), so I'm looking for something similar for JavaScript.

Conceptually, I would like to say:

dotranspile --out bundle.js main.js
node bundle.js  (or firefox index.html, which loads bundle.js)

The key is that I don't want to have to create a webpack configuration file in every directory. I thought I found a command like this when searching one day, but can't find it now.

How do other people run javascript sample programs when babel/transpiling is required? I would also like to be able to save them for future reference (in some cases).

Currently, each time I want to write a test I create a directory with a webpack.config file, package.json, and use npm install, and npm run to run the code or start a NodeJS express server to serve index.html.

This seems to be a lot of overhead for a quick test, and it results in dozens of node_module directories with tons of files in them.

Upvotes: 0

Views: 79

Answers (1)

dfee
dfee

Reputation: 86

Maybe is not answer that you want, but you can always use jsfiddle with babel + jsx. I think that jsfiddle is very good tool for quick run simple app in babel/jsx or other libs, transpilers etc.

Upvotes: 2

Related Questions