Блог

Я использую Webpack с Typescript и создаю скрипт. Часть работы этого скрипта заключается в манипулировании DOM содержащегося iframe и добавлении скрипта в этот iframe. Я хотел бы использовать webpack и typescript как для основного скрипта, так и для скрипта для внедрения.

Я ищу что-то вроде этого:

 import fileAsString from "!someLoader!inject.ts";

const doc=document.querySelector("iframe").contentDocument; // It's same-origin so no problems here

const script=doc.createElement("script");
script.textContent=fileAsString;
doc.appendChild(script);
 

Я бы предпочел, чтобы все это было скомпилировано в один файл (поэтому не нужно создавать отдельную точку входа и устанавливать src для нее значение скрипта).

Есть ли какой-нибудь удобный способ сделать это в Webpack? Я знаком с raw-loader , но я не видел там никакой функциональности, кроме простого чтения из исходного файла (в отличие от скомпилированной версии).

Я думал, что может быть способ сделать две точки входа и заставить основной скрипт загружать содержимое второй точки входа, но я не знаю, как это сделать или даже поддерживается ли это.