Babel - Recursively transpile JS files in a directory and overwrite in the same file
I want to transpile JS files in a folder recursively and overwrite the same files with transpiled JS.
babel build/sample.js --out-file build/sample.js
Using the above command, I can transpile a single file. How could I do this recursively over a folder?
Edit:
I don't want to use Webpack.
My Source code will be in a different folder 'A' (with js.php files). And I use a PHP build process to generate a build folder 'B' (with .js files). I want to apply Babel on folder 'B' after generating the build folder.
I can't afford the time to make changes on to run Babel before the PHP build process now.
javascript ecmascript-6 babeljs transpiler
asked Nov 12 '18 at 21:21
GuganGugan
75112158
add a comment |
I want to transpile JS files in a folder recursively and overwrite the same files with transpiled JS.
babel build/sample.js --out-file build/sample.js
Using the above command, I can transpile a single file. How could I do this recursively over a folder?
Edit:
I don't want to use Webpack.
My Source code will be in a different folder 'A' (with js.php files). And I use a PHP build process to generate a build folder 'B' (with .js files). I want to apply Babel on folder 'B' after generating the build folder.
I can't afford the time to make changes on to run Babel before the PHP build process now.
javascript ecmascript-6 babeljs transpiler
asked Nov 12 '18 at 21:21
GuganGugan
75112158
1
Using bash?for x in directory/*.js ; do babel "$x" --out-file "$x" ; done
– Kelvin Sherlock
Nov 12 '18 at 21:27
1
you'll lose all the original code. IMHO you should send the output to a separate directory. if your goal is to make an NPM package out of it, you can specify which files to include and exclude, and keep both the pre-and-post-transpiled code.
– Derek
Nov 12 '18 at 21:28
1
What is the motivation for placing them in the same location? That seems like an immediate problem, irrespective of whether it is technically possible.
– loganfsmyth
Nov 12 '18 at 21:41
My Source code will be in a different folder 'A'. And I use a PHP build process to generate a build folder 'B'. I want to apply Babel on folder 'B' after generating the build folder. My bad, I didn't explain this clearly.
– Gugan
Nov 12 '18 at 21:44
add a comment |
I want to transpile JS files in a folder recursively and overwrite the same files with transpiled JS.
babel build/sample.js --out-file build/sample.js
Using the above command, I can transpile a single file. How could I do this recursively over a folder?
Edit:
I don't want to use Webpack.
My Source code will be in a different folder 'A' (with js.php files). And I use a PHP build process to generate a build folder 'B' (with .js files). I want to apply Babel on folder 'B' after generating the build folder.
I can't afford the time to make changes on to run Babel before the PHP build process now.
javascript ecmascript-6 babeljs transpiler
asked Nov 12 '18 at 21:21
GuganGugan
75112158
I want to transpile JS files in a folder recursively and overwrite the same files with transpiled JS.
babel build/sample.js --out-file build/sample.js
Using the above command, I can transpile a single file. How could I do this recursively over a folder?
Edit:
I don't want to use Webpack.
My Source code will be in a different folder 'A' (with js.php files). And I use a PHP build process to generate a build folder 'B' (with .js files). I want to apply Babel on folder 'B' after generating the build folder.
I can't afford the time to make changes on to run Babel before the PHP build process now.
javascript ecmascript-6 babeljs transpiler
javascript ecmascript-6 babeljs transpiler
asked Nov 12 '18 at 21:21
GuganGugan
75112158
asked Nov 12 '18 at 21:21
GuganGugan
75112158
edited Nov 12 '18 at 21:54
Gugan
asked Nov 12 '18 at 21:21
GuganGugan
75112158
asked Nov 12 '18 at 21:21
GuganGugan
75112158
asked Nov 12 '18 at 21:21
GuganGugan
75112158
75112158
1
Using bash?for x in directory/*.js ; do babel "$x" --out-file "$x" ; done
– Kelvin Sherlock
Nov 12 '18 at 21:27
1
you'll lose all the original code. IMHO you should send the output to a separate directory. if your goal is to make an NPM package out of it, you can specify which files to include and exclude, and keep both the pre-and-post-transpiled code.
– Derek
Nov 12 '18 at 21:28
1
What is the motivation for placing them in the same location? That seems like an immediate problem, irrespective of whether it is technically possible.
– loganfsmyth
Nov 12 '18 at 21:41
My Source code will be in a different folder 'A'. And I use a PHP build process to generate a build folder 'B'. I want to apply Babel on folder 'B' after generating the build folder. My bad, I didn't explain this clearly.
– Gugan
Nov 12 '18 at 21:44
add a comment |
1
Using bash?for x in directory/*.js ; do babel "$x" --out-file "$x" ; done
– Kelvin Sherlock
Nov 12 '18 at 21:27
1
you'll lose all the original code. IMHO you should send the output to a separate directory. if your goal is to make an NPM package out of it, you can specify which files to include and exclude, and keep both the pre-and-post-transpiled code.
– Derek
Nov 12 '18 at 21:28
1
What is the motivation for placing them in the same location? That seems like an immediate problem, irrespective of whether it is technically possible.
– loganfsmyth
Nov 12 '18 at 21:41
My Source code will be in a different folder 'A'. And I use a PHP build process to generate a build folder 'B'. I want to apply Babel on folder 'B' after generating the build folder. My bad, I didn't explain this clearly.
– Gugan
Nov 12 '18 at 21:44
1
1
Using bash?
for x in directory/*.js ; do babel "$x" --out-file "$x" ; done– Kelvin Sherlock
Nov 12 '18 at 21:27
Using bash?
for x in directory/*.js ; do babel "$x" --out-file "$x" ; done– Kelvin Sherlock
Nov 12 '18 at 21:27
1
1
you'll lose all the original code. IMHO you should send the output to a separate directory. if your goal is to make an NPM package out of it, you can specify which files to include and exclude, and keep both the pre-and-post-transpiled code.
– Derek
Nov 12 '18 at 21:28
you'll lose all the original code. IMHO you should send the output to a separate directory. if your goal is to make an NPM package out of it, you can specify which files to include and exclude, and keep both the pre-and-post-transpiled code.
– Derek
Nov 12 '18 at 21:28
1
1
What is the motivation for placing them in the same location? That seems like an immediate problem, irrespective of whether it is technically possible.
– loganfsmyth
Nov 12 '18 at 21:41
What is the motivation for placing them in the same location? That seems like an immediate problem, irrespective of whether it is technically possible.
– loganfsmyth
Nov 12 '18 at 21:41
My Source code will be in a different folder 'A'. And I use a PHP build process to generate a build folder 'B'. I want to apply Babel on folder 'B' after generating the build folder. My bad, I didn't explain this clearly.
– Gugan
Nov 12 '18 at 21:44
My Source code will be in a different folder 'A'. And I use a PHP build process to generate a build folder 'B'. I want to apply Babel on folder 'B' after generating the build folder. My bad, I didn't explain this clearly.
– Gugan
Nov 12 '18 at 21:44
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53270304%2fbabel-recursively-transpile-js-files-in-a-directory-and-overwrite-in-the-same%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53270304%2fbabel-recursively-transpile-js-files-in-a-directory-and-overwrite-in-the-same%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Using bash?
for x in directory/*.js ; do babel "$x" --out-file "$x" ; done– Kelvin Sherlock
Nov 12 '18 at 21:27
1
you'll lose all the original code. IMHO you should send the output to a separate directory. if your goal is to make an NPM package out of it, you can specify which files to include and exclude, and keep both the pre-and-post-transpiled code.
– Derek
Nov 12 '18 at 21:28
1
What is the motivation for placing them in the same location? That seems like an immediate problem, irrespective of whether it is technically possible.
– loganfsmyth
Nov 12 '18 at 21:41
My Source code will be in a different folder 'A'. And I use a PHP build process to generate a build folder 'B'. I want to apply Babel on folder 'B' after generating the build folder. My bad, I didn't explain this clearly.
– Gugan
Nov 12 '18 at 21:44