@sanex3339

Как сделать интеграцию Webpack и обычного JS кода?

Допустим есть 1 проект на TypeScript с commonJS модулями, который билдится Webpack'ом в 1 файл.
В этом проекте в корневом файле переменной `MyAmazingPieceOfCode` назначается объект класса, внутри которого уже выполняется все остальное (25 классов, под каждый свой файл).

Когда все это сбилдилось в 1 файл, я его подключаю на страницу. И вот тут то хочется воспользоваться переменной `MyAmazingPieceOfCode`, что бы получить сложные аналитические данные, которые этот проект отдает. Как это сделать?
В голову приходит только пихать в window['myAmazingPieceOfCode'].

Все дело в том, что Webpack оборачивает весь код в
(function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;
/******/
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([ //куча модулей ]);


Ну например, одним из методов объекта `MyAmazingPieceOfCode` будет метод с аргументом - коллбэком, который будет выполняться на основе данных.
  • Вопрос задан
  • 786 просмотров
Решения вопроса 1
@sanex3339 Автор вопроса
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы