Export transpile JSON to entry

[Merynek]

I would like to share my enum with another projects.
My enum: types.ts

export enum VALUES {
    VALUE_1 = "VALUE_1",
    VALUE_2 = "VALUE_2"
}

Webpack.config

...
entry: {
          app: "./src/app/index.ts",
          cypress: "./src/types.ts"
}
output: {
            filename: "js/[name].js"
        }
...

It works but when I go to localhost/client/js/types.js I saw only this.

/******/ (() => { // webpackBootstrap
/******/ 	"use strict";
/******/ 	// The require scope
/******/ 	var __webpack_require__ = {};
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
/*!******************************!*\
  !*** ./src/cypress/types.ts ***!
  \******************************/
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "VALUES": () => (/* binding */ VALUES)
/* harmony export */ });
var VALUES;
(function (VALUES) {
    VALUES["VALUE_1"] = "VALUE_1";
    VALUES["VALUE_2"] = "VALUE_2";
})(VALUES || (VALUES = {}));

/******/ })()
;
//# sourceMappingURL=types.js.map

I understand this behaviour but I dont know how can I display only JSON from enum on this path.
Thanks :-)

[vankop]

I would like to share my enum with another projects.

so you want to build a library or what?

[Merynek]

No just json generated from enum. And his access from localhost (or my domain) like: www.domain.com/js/types.json

[vankop]

you need a custom loader for this and setting in webpack config like:

module.exports = {
  module: {
    rules: [
      { loader: "my-loader", type: "asset/resource" }
    ]
  }
};