[QUESTION] How do I compile code to run on the Web

[yiescc]

this is my code

//  index.ts
import EditorJS from '@editorjs/editorjs';
...

i run

ncc build index.ts -o ./ 

result:

/******/ (() => {
  // webpackBootstrap
  /******/ 'use strict';
  /******/ /* webpack/runtime/compat */
  /******/
  /******/ if (typeof __nccwpck_require__ !== 'undefined')
    __nccwpck_require__.ab = __dirname + '/';
  /******/
  /************************************************************************/
  var __webpack_exports__ = {};

  const div = document.createElement('div');
  div.id = 'editorjs';
  document.body.appendChild(div);

  module.exports = __webpack_exports__;
  /******/
})();

---

when i run in browser , i get

 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'exports')

error form this code

module.exports = __webpack_exports__;

---

other error is

__dirname is undefined

error comes from this code

if (typeof __nccwpck_require__ !== 'undefined')
    __nccwpck_require__.ab = __dirname + '/';

---

so how can i compile code run in web ?

[huozhi]

ncc is targeting nodejs runtime, if you want to bundle web related library maybe consider using webpack directly?

[yiescc]

ok..