Webpack style-loader и css-loader
Привет всем, у меня есть глупый вопрос о веб-пакете, но я действительно хочу знать ответ на него
Какие преимущества использования css loader (css-loader, style-loader) через веб-пакет, если я могу вставить свой .css файл прямо в моем index.html например
Я понимаю, что веб-пакет используется в большом и масштабируемом проекте, но кто-нибудь может дать мне пример, когда он действительно помогает, и дать преимущество в использовании его вместо использования чистой, старой и хорошо известной ссылки на таблицу стилей в основном файле
index.html например
1 ответ
1. Вы можете передать свой CSS через другие плагины, чтобы автоматически префиксировать ваш CSS на основе необходимой вам поддержки браузера.
2- Вы можете минимизировать свой CSS.
3. Вы можете разделить ваш CSS-код и динамически исключать / включать выходные данные из определенных пакетов.
4- Вы можете создавать исходные карты для легкой отладки.
5. Вы можете автоматически перезагрузить браузер, когда вносите изменения в свой CSS.
6. Вы можете динамически изменять имена выходных файлов CSS с помощью хэшей, чтобы сделать недействительными кэши CDN.
7- Вы можете импортировать свой CSS в файлы JavaScript.
8. Вы можете использовать CSS-модули в своих файлах JavaScript.
9. Вы можете удалить неиспользуемые правила CSS, также как устранение мертвого кода.
Это только некоторые из вещей, которые вы можете достичь, что пришло мне в голову. Есть еще много людей, которые продолжают писать плагины для экосистемы.
Следует отметить, что вам не нужен Webpack для достижения какой-либо из этих целей, они могут быть выполнены вручную или с помощью исполнителей задач или пользовательских сценариев. Но если ваш проект использует Webpack для связывания вашего JavaScript, почему бы не позволить Webpack также обрабатывать ваш CSS?