How to generate a javascript file with nodeJs

Question

My site requires a JSON which I can generate during the build process.

So, what I would like to do is generate a js-file with, for example, the following content:

export const PREFIX = 'foo';
export const IMPORT_STUFF = {
     a: 10,
     ....
}

The easiest way, for me, would be something like this:

const TEMPLATE = `export PREFIX = '--foo--';
export const IMPORT_STUFF = `;

let output = TEMPLATE.replace('--foo--', myPefix);
output += JSON.stringify(importObj);

createJsFile(output);

When things get more complex I can imagine that this approach is not ideal, so I was wondering if there are better ways to do something like this?

Use any real templating engine.

Dave Newton
– Dave Newton

2018-11-28 16:44:26 +00:00
Commented Nov 28, 2018 at 16:44 — Dave Newton
– Dave Newton, Commented Nov 28, 2018 at 16:44

mihai · Accepted Answer · 2018-11-28 16:38:54Z

You can use ejs to render some basic templates. It's a templating engine usually used to render javascript inside html, but in this case you'll be rendering javascript inside a string.

const ejs = require('ejs');
var myPrefix = 'foo';
var importObj = {a: 10}

const TEMPLATE = `export PREFIX = '<%= Prefix %>';
export const IMPORT_STUFF = <%- JSON.stringify(ImportObj) %>`;

let output = ejs.render(TEMPLATE, {Prefix: myPrefix, ImportObj: importObj});

The code enclosed in <%= %> or <%- %> will be executed as javascript, using the object you provide as the second argument to ejs.render. The syntax <%- %> is used when you don't want to html encode the output.

If ejs is too much for you you can always go back to plain string interpolation (provided by template literals):

var myPrefix = 'foo';
var importObj = {a: 10}
importObj = JSON.stringify(importObj)

var output = `export PREFIX = '${myPrefix}';
export const IMPORT_STUFF = ${importObj}`

However this doesn't allow you to read the template from an external file for example, so I would go for ejs which is the better option in this scenario.

Arthur Eudeline · Accepted Answer · 2021-04-13 14:47:40Z

2

You can also use the native method util.inspect to write plain JavaScript objects in a file like this :

// ...

// If we wants to adds the 'module.exports = ' part before 
fs.writeFileSync( process.cwd() + '/file.js',  'module.exports = ');

// Writes the plain object to the file
fs.appendFileSync( process.cwd() + '/file.js',  util.inspect(options));

I have more detailed my solution in this answer if anyone needs

answered Apr 13, 2021 at 14:47

Arthur Eudeline

6871 gold badge5 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to generate a javascript file with nodeJs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related