Как настроить minimize webpack?

Михаил Р.
Но у них кажется не просто minimize. Судя по коду переименованы не то только локальные переменные.
Например функция называется 973626. Не очень понятно как они это получили.
Есть ли какое-то промежуточное решение между minimize и abfuscate?

Как настроить minimize webpack?

Михаил Р.
Ну вот, допустим, Miro.com.
У них условно весь код нужен, нету страниц.
А в source много мелких файлов без человекочитаемых слов.

Как настроить minimize webpack?

@Mike_Ro

У крупных проектов все гораздо проще, там после транспиляции-оптимизации остается несколько js файлов

А как они это делают?

Как настроить minimize webpack?

My bad, не заметил второй optimization=false.
А подскажите пожалуйста про минимизация/обфускация:
У меня хороший know how код на ts. В предыдущем своем проекте (чистый js) я использовал google closure compiler, который переименовывал вообще все и тем самым убирал всю семантику.
В текущем проекте я отказался от google closure compiler, так как он плохо работает с ts.
Имеет ли смысл добавлять обфускацию или делать еще что-то, чтобы предотвратить переиспользование моего кода или webpack minimize достаточно?
Как в целом крупные frontend проекты (например miro) собирают и защищают код?

Почему не работает JSON.parse?

Rsa97

let message = {
            "content": `<svg width="283" height="277" viewBox="0 0 283 277" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect width="283" height="277" fill="white"/>\n<rect x="17" y="62" width="100" height="100" fill="#D9D9D9"/>\n</svg>\n`
        }

let messageNetwork = JSON.stringify(message);

console.log(messageNetwork);

let data: any = null;
try {
   data = JSON.parse(messageNetwork);
} catch (e) {
   debugger
}

Вот этот код работает.
Он пишет в console это

{"content":"<svg width=\"283\" height=\"277\" viewBox=\"0 0 283 277\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"283\" height=\"277\" fill=\"white\"/>\n<rect x=\"17\" y=\"62\" width=\"100\" height=\"100\" fill=\"#D9D9D9\"/>\n</svg>\n"}

Но если взять то, что он пишет в console.log и поставить в JSON.parse, то уже не работает
Хотя строка должна быть такой же

Как работает FontFace?

Ankhena,
По ссылке мне предлагают один woff2 (браузер chomre, в arc browser последней версии так же)

А вот по кнопке download скачался архив с .ttf

Как работает FontFace?

.

Как работает FontFace?

Я скачал Playwrite India шрифт из Google Fonts и архив выглядит так:

Тут видно разные .ttf для разных весов, но остается вопрос, как связаны PlaywriteIN-VariableFont_wght и файлы для каждого веса. Но это более минорный вопрос.
Основной вопрос, почему google fonts предлагает мне тот же family подключить по ссылке и там перечисляет только один .ttf
ссылка на FontFace
Кажется тут тоже должны быть отдельные .ttf для отдельных весов

Как работает FontFace?

Я прочитал спецификацию TrueType.
Не уверен, что я правильно понял, но кажется, что .ttf однозначно задает шрифт, а программа чтения шрифта в операционной системе (AAT) уже выбирает нужный наиболее подходящий font из семейства docs

Как работает FontFace?

При формировании строки font в css есть набор параметров
Я хочу давать возможность выбирать щрифт + задавать жирность и выставлять italic/normal если это поддерживается шрифтом.
Допустим я беру семейтво Roboto. У него есть разные шрифты (файлы woff2).
Правильно ли я понимаю, что, не учитывая самодеятельность браузера, шрифт, заданный woff2, поддерживает только те font-weight, font-style, которые указаны в его FontFace?
И еще такой вопрос:
Сам файл шрифта, судя по всему, не однозначно задает очертания глифов, а условно принимает параметры (weight например), так? Как понять что задает файл шрифта и какое множество параметров он поддерживает?

Как написать текст на окружности и посчитать точки?

нет, так не работает

Как написать текст на окружности и посчитать точки?

Нет
Мне было нужно написать текст по окружности - это я смог сделать.
Теперь, в дополнение к этому, мне нужно посчитать точки, в которых были написаны буквы.
Кажется, что координаты должны считаться так

let x = Math.cos(currentAngle + angle) * (this.data.diameter / 2 - textHeight / 2);
let y = -Math.sin(currentAngle + angle) * (this.data.diameter / 2 - textHeight / 2);

Но на картинке видно, что это не верные точки, так как верные располагались бы на нарисованных буквах.
Вопрос: где ошибка при расчете x и y

Как написать текст на окружности и посчитать точки?

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

Как сделать эффект текста на кривой безье?

изучу, спасибо!

Как сделать эффект текста на кривой безье?

понял

Как сделать эффект текста на кривой безье?

Нет, мне нужно понять именно принцип трансформаций и воспроизвести его без готовых API

Как сделать эффект текста на кривой безье?

Да, my bad
А как сделать растяжение? И как считать его в зависимости от t?

Как сделать эффект текста на кривой безье?

Операции flip там будет пропущена

Как сделать эффект текста на кривой безье?

У "столбика с пикселями" же есть левая и права сторона. Мы возьмем его из mock канваса, где текст написан слево направо и попытаемся поставить на рабочий канвас, пытаясь написать flip text

Как сделать эффект текста на кривой безье?

Нижний текст на картинки в описании к вопросу