двумя проблемами:
1. Слишком много кода, долго разбираться
2. Слишком мало типов, всё больше ошибок из-за их отсутствия.
Хочу разбить код на модули и переписать на TS, но есть одна проблема. Я не знаю, как скомпилировать его обратно в JS, чтобы сохранить читаемость юзерскрипта для конечных пользователей.
Например, чтобы эти два файла:
lib.ts:
export function log(str){
console.log(str);
}
index.ts:
import { log } from './lib;
log('test');
скомпилировались как
index.js:
function log(str) {
console.log(str);
}
log('test');
Есть ли инструменты, позволяющие скомпилировать TS код таким образом?
Ванильный tsc нормально компилирует
для сравнения pinkierar.ru/exp/js/2048/App.ts pinkierar.ru/exp/js/2048/App.js
Так он ж не будет все в один файл собирать.
можешь жсдок заюзать
Можно заюзать любой доступный сборщик, какой понравится.
Userscript должен быть в виде единого файла. Типа того, как я привёл пример выше: function log(str) { console.log(str); } log('test'); tsc генерирует явно больше кода, чем ожидается, в реальном юзерскрипте это напоминает громадную стену кода с миллиардами дефайнов, в нём невозможно разобраться. "use strict"; var log = require('./lib').log; log('test'); define("lib", ["require", "exports"], function (require, exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.log = void 0; function log(text) { console.log(text); } exports.log = log; }); webpack либо генерирует сжатый и малопонимаемый код в production моде, либо генерирует две страницы комментов на 3 строчки кода. В обоих случаях не достигается главная цель: оставить скомпилированный код читаемым для конечного пользователя
жсдок реально кажется хорошим вариантом для тебя, такая же строгая типизация но без шага сборки и с сохранением читаемости
Обсуждают сегодня