Какие есть препроцессоры javascript?

Question

[Леонид Роженцев]

Знвюаю что есть препроцессоры у css. А есть что то подобное у js. Например, без фигурных скобок и тд. Есть ли смысл их использовать? Слышал что то про uberscript, coffeescript. Но последний вроде устррел. Что можете посоветовать?

Comments

[Сергей Соколов]

для чего конкретно препроцессор ищете?
Кстати, что помешало написать текст вопроса без такого количества опечаток и ошибок?

[Леонид Роженцев]

Сергей Соколов, торопился, чтобы ничего не забыть. А препроцессор для js нужен для того же, что и препроцессоры для css - для удобства.

[Сергей Соколов]

Леонид Роженцев, какое конкретно неудобство сейчас самое «больное» и хочется решить в первую очередь?

[Леонид Роженцев]

Просто если есть препроцессор, то код можно написать быстрее. Но почему-то информации мало. Но слышал что-то про UberScript

[Владимир Коротенко]

Берите TypeScript + Babel + WebPack + SCSS + что то вам нужно.
В итоге получите код гарантированно работающий на тех платформах где укажете, строгую типизацию, минимальный размер бандла, самый последний синтаксис

[Леонид Роженцев]

Владимир Коротенко, спасибо

Answer 1

[DevMan]

coffeescript может и устарел, но последний релиз был всего год назад. и если вас устраивает его синтаксис и плюшки, можно и нужно его спокойно использовать.
и дело не в устаревании, а в популярности (выстрелил он благодаря рельсо-хайпу, который упал).

другое дело - сам жс за это это время подрос.

Comments

[Леонид Роженцев]

А про uberscript что-нибудь можете сказать? Он лучше?

[DevMan]

Леонид Роженцев, первый раз о нем слышу.

[DevMan]

Леонид Роженцев, тут сейчас вуе/реакты/всякое-похожее в ходу.
а к ним галпы/вебпаки/етц, с которыми достаточно мороки чтоб правильно поделить по файлам.
в эту парадигму и готовые воркфлоу препроцессоры не вписываются (без вашего большого желания).

а если всё пилите сугубо на нативщине, то выбор только за вами.

[Леонид Роженцев]

Спасибо за подробный ответ

[Kovalsky]

DevMan, забавно что в статье от никсов действительно упоминается некий убепскрипт - https://habr.com/ru/company/nix/blog/301002/ . Но я вообще не могу найти о чем речь и что это за убепскрипт

[DevMan]

Kovalsky, https://github.com/jstrachan/coffee-script/blob/ma...

[Kovalsky]

DevMan, спасибо!

Ого, тринадцатый год; очень старая штуковина. Интересно каким образом начинающий дев в 2021 узнал о ней)

[DevMan]

Kovalsky, видать с какой-то статьи, типа вышеприведённой.

[Леонид Роженцев]

Узнал вообще из Википедии случайно. Но инфы на русском об этом языке почти нет к сожалению. Но хорошо, что coffeescript ещё жив. Ведь typescript нужен для разработки больших проектов, а для лендингов и небольших сайтов Coffee будет достаточно

Answer 2

[Владимир Коротенко]

Сейчас практически стандарт
https://babeljs.io/
И TypeScript

Comments

[DevMan]

Бабель - не совсем препроцессор. вернее - совсем нет.

[approximate solution]

babel - не препроцессор, babel транспайлер, который решает одну проблему - перевести JS(нового типа) в JS (старого типа).

[DevMan]

approximate solution, тот же coffescript - тож транспайлер.
ток решает другую задачу.

прост справедливости ради, и точности формулировок для. а по сути - всё верно.

[Владимир Коротенко]

DevMan, Мне кажется это смысловая неоднозначность.
Множество утилит делают похожие вещи.
prettify и lint причесывают код.
Babel, typescript компилируют в понятное браузеру.

Babel is a JavaScript compiler
Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Here are the main things Babel can do for you:

Transform syntax
Polyfill features that are missing in your target environment (through @babel/polyfill)
Source code transformations (codemods)
And more! (check out these videos for inspiration)

[DevMan]

Владимир Коротенко, например, между prettify и lint есть четкая разница по определению.

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

[approximate solution]

DevMan, Вопрос формулировки, не спорю) но если автор поста ищет пример вроде sass \ css. То и нативный JS смотрится неплохо, и даже TS в 2021 году и не панацея.

[DevMan]

approximate solution, я совсем не спорил, только дополнил/уточнил.

[approximate solution]

DevMan, Да, я видел. Поэтому поставил вам палец вверх) тема то не холиварная.

Answer 3

[Леонид Роженцев]

Вот! Нашёл ссылку на целый список препроцессоров javascript. Тут упоминается и uber-, Coffee- и toffeescript, и даны ссылки. https://github.com/jashkenas/coffeescript/wiki/Lis... Выглядит крайне необычно.