How to use the transformFile function from @babel/core

Find comprehensive JavaScript @babel/core.transformFile code examples handpicked from public code repositorys.

In Babel, the @babel/core.transformFile function is used to transform the contents of a file using a specified set of Babel plugins and options.

493
494
495
496
497
498
499
500
501
502
503
  // calls above and would introduce duplicates.
  opts.babelrc = false;
  opts.sourceMaps = (debug && program.debugSourceMaps) ?  'inline' : true;
  opts.ast = false;


  return babel.transformFile(filename, opts, (err, result) => {
    callback(err, result);
  });
}

fork icon70
star icon532
watch icon8

124
125
126
127
128
129
130
131
132
133

```javascript
const babel = require('@babel/core');
const processCSS = require('style9/src/process-css');

const output = babel.transformFile('./file.js', {
  plugins: [['style9/babel', {
    minifyProperties?: boolean;
    incrementalClassnames?: boolean;
  }]]
fork icon26
star icon525
watch icon6

+ 3 other calls in file

How does @babel/core.transformFile work?

@babel/core.transformFile is a function in the Babel library that is used to transform the contents of a file using a specified set of Babel plugins and options.

When @babel/core.transformFile is called with a file path and a set of options as input, it performs the following operations:

  • It reads the contents of the file at the specified path.
  • It applies a set of Babel plugins and options to the file contents, transforming the code as specified by the plugins and options.
  • It returns the transformed code as a string.

By using @babel/core.transformFile, developers can transform the code in files using Babel, which can be useful for transpiling modern JavaScript features to a compatible format for older browsers or Node.js versions. This function can be used in build processes or other automated tasks where code transformation is required. Note that @babel/core.transformFile may not work as expected with certain types of code or plugins, so it is important to test thoroughly before using it in production code.

11
12
13
14
15
16
17
18
19
20
  outDirPath,
  path.relative(dirPath, filePath),
);

const { code } = await new Promise(resolve =>
  babel.transformFile(filePath, (err, result) => {
    if (err) {
      console.error(err);
    }
    resolve(result);
fork icon24
star icon216
watch icon0

2
3
4
5
6
7
8
9
10
11
12
const babel = require('@babel/core');


module.exports = (filePath, callback) => {
  // Transform the file.
  // Check process.env.NODE_ENV to see if we should create sourcemaps.
  babel.transformFile(
    filePath,
    {
      sourceMaps: process.env.NODE_ENV === 'development' ? 'inline' : false,
      comments: false,
fork icon0
star icon2
watch icon0

Ai Example

1
2
3
4
5
6
7
8
9
10
11
12
13
const fs = require("fs");
const babel = require("@babel/core");

// Reading the contents of a file
const inputCode = fs.readFileSync("input.js", "utf8");

// Applying Babel transformations to the code
const outputCode = babel.transform(inputCode, {
  presets: ["@babel/preset-env"],
}).code;

// Writing the transformed code to a file
fs.writeFileSync("output.js", outputCode, "utf8");

In this example, we're using @babel/core.transformFile to transform the contents of a file named "input.js" using the @babel/preset-env preset. The transformed code is then written to a file named "output.js". Note that @babel/core.transformFile returns an object with information about the transformation, including the source map and AST of the transformed code. These values can be useful for advanced use cases, such as debugging or customizing the Babel transformation process.

49
50
51
52
53
54
55
56
57
58
59
    fs.writeFileSync(filePath, data);
}


async function transformFile(src) {
    return new Promise((resolve, reject) => {
        babel.transformFile(src, babelOptions, (err, result) => {
            if (err) reject(err);
            else resolve(result);
        })
    });
fork icon0
star icon0
watch icon0

876
877
878
879
880
881
882
883
884
885
        })
        .catch(err => logger.error(err.message));
} else if ((/(?<!(min))\.(m?js*)$/iu).test(fileName) && !isThirdParty) {
    const compiled = path.join(toDir, path.basename(fileName));

    babel.transformFile(fileName, babelOpts, (err, out) => {
        if (err) {
            logger.error(err.message);

            return;
fork icon0
star icon0
watch icon0