YK
продолжение эпопеи с библиотекой font-awesome, кстати. Это размер всего бандла в мегабайтах до и после оптимизации импортов
Size: a a a
2019 September 20
И
продолжение эпопеи с библиотекой font-awesome, кстати. Это размер всего бандла в мегабайтах до и после оптимизации импортов
В каких единицах выражается ?
YK
в мегабайтах
YK
оказывается, эта чудесная библиотека не tree-shak'ится и так делать нельзя:
import { faWrench} from '@fortawesome/pro-solid-svg-icons';YK
надо так:
import { faWrench} from '@fortawesome/pro-solid-svg-icons/faWrench';И
оказывается, эта чудесная библиотека не tree-shak'ится и так делать нельзя:
import { faWrench} from '@fortawesome/pro-solid-svg-icons';ну, я лично делал через
Правда пока не смотрел за размером бандла
Иконок не так много, чтобы заметить импакт
Правда пока не смотрел за размером бандла
Иконок не так много, чтобы заметить импакт
library.add(
faCartArrowDown,
YK
ну, я лично делал через
Правда пока не смотрел за размером бандла
Иконок не так много, чтобы заметить импакт
Правда пока не смотрел за размером бандла
Иконок не так много, чтобы заметить импакт
library.add(
faCartArrowDown,
импакт не зависит от количества иконок
YK
если ты импортишь первым способом - получишь сразу все иконки, а не только те, что тебе нужны
И
если ты импортишь первым способом - получишь сразу все иконки, а не только те, что тебе нужны
DS
Может есть те, кто очень хорошо дружит с типизацией в TypeScript и знаком с NgRx. Очень нужна помощь с этим вопросом: https://stackoverflow.com/questions/58028504/correct-type-declaration-for-method-with-ngrx-actioncreator-as-parameter
YK
надо так:
import { faWrench} from '@fortawesome/pro-solid-svg-icons/faWrench';а если делать так, то импортируются только те, что ты юзаешь
YK
а ты webpack-bundle-analyser'ом попробуй, а не этой штукой.
YK
у меня разница была такая как в табличке
И
а ты webpack-bundle-analyser'ом попробуй, а не этой штукой.
не, я скрин про метод импорта
надо будет перепилить под твой вариант
на этот плагин внимание особо не обращаю
надо будет перепилить под твой вариант
на этот плагин внимание особо не обращаю
EG
ребята, а есть для ангуляра возможность более строгого режима проверки переменных в шаблонах? Предположим у меня вот такой шаблон:
и
fa-icon class="mr-1"
[icon]="q"></fa-icon>
и
переменная q нигде не определена. Мне бы хотелось, чтобы компилятор меня за это поругал.Попробуйте в tsconfig добавить такие строки:
Проверка включится, но в watch режиме работать не будет, только при билде
"angularCompilerOptions": {
"fullTemplateTypeCheck": true
}Проверка включится, но в watch режиме работать не будет, только при билде
YK
кто мечтает о том, чтобы внести вклад в опенсорс, вот есть нормальное задание. Переписать этим кексам импорты, чтобы было как в rxjs и не надо было по одному файлику импортить.
EG
парни если onpush stategy применена на родите, то все дочерние компоненты тоже наследую эту страдению its corrent?
Нет, приходится везде писать OnPush
И
@ganqqwerty вы подобный импорт выполняете в каждом компоненте ?
YK
я попробовал и так и так
И
Переписал пару импортов на предложенный вариант и размер куска с fontawesome вырос с 10.38кб до 12.2