WisestKAA / FSD-front-2nd-tsk

0 stars 1 forks source link

Конфигурации webpack #7

Closed AkhmadBabaev closed 4 years ago

AkhmadBabaev commented 4 years ago

Нужно детальнее описать что происходит в development и production сборке.

  1. Поставить autoprefixer

  2. Минимизировать весь выходной css. В main.css папки out есть не минимизированный код библиотек.

  3. Разбить выходной js, css на не большее количестве файлов, сейчас у тебя один файл для всех html, когда ты откроешь простую страницу где мало js кода или его совсем нет, у тебя всё равно подключается js и css со всех страниц. В качестве примера служит страница colors-and-type. Это серьезно замедляет загрузку страницы, попробуй пересмотреть структуру чтобы подгружать только тот код который необходим.

  4. Весь этот повторяющийся код можно переделать в цикл, а данные превратить в массив объектов. https://github.com/WisestKAA/FSD-front-2nd-tsk/blob/52c498ac722304c1a5911272800aeece954bb77b/webpack.config.js#L116-L123