Build single JS file with babel

Asked Feb 21 '23 at 19:23

Active Feb 21 '23 at 19:23

Viewed 92 times

I have a react app that I build using Vite, but at the same time I have single .js file that i want to compile before Vite build. Inside this single .js file just vanilla JS with ES5 syntax. I'm trying to build him using babel with this command:

npx babel widget/scripts/api.js --out-dir widget/api --presets=@babel/preset-env --no-babelrc

After building i get the following error: Uncaught ReferenceError: require is not defined.

Babel put this part at the start of compiled script:

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Api = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

Why? What am I doing wrong?

asked Feb 21 '23 at 19:23

A.Burdonskaya

Refer :https://stackoverflow.com/a/19059825/1356109 – Rameez Feb 21 '23 at 19:30
I don't have any imports in my script before babel build – A.Burdonskaya Feb 22 '23 at 08:22
refer this then: https://stackoverflow.com/a/52486616/1356109 , its similar issue – Rameez Feb 22 '23 at 12:09
doesn't help. anyway thank you! i guess i will just use vite for build single file, screw this error :) – A.Burdonskaya Feb 22 '23 at 13:48

Build single JS file with babel

0 Answers0