mainameiz
@mainameiz
Full-stack web-developer

Правильно ли подключать стили через webpack?

Сейчас изучаю webpack и что-то мне подсказывает что подключение стилей прямо в модуле не очень хорошая идея.
Какие мне видятся минусы:
- при изменении стилей нужно заново пересобирать bundle. Можно ли сделать так чтобы стили всё таки собирались в отдельный bundle.css?
- т.к. стили являются по сути js-модулем, то эти js-модули должны загружаться синхронно, тогда как css загружается асинхронно

Что можете по этому поводу сказать?
  • Вопрос задан
  • 2289 просмотров
Решения вопроса 1
alexfedoseev
@alexfedoseev
React & Rails Dev
Плагин для сохранения стилей в отдельный файл: https://github.com/webpack/extract-text-webpack-plugin
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
AMar4enko
@AMar4enko
module.exports = {
  cache: true,
  debug: true,
  devtool: 'source-map',
  entry: {
    app: ['./src'],
    style: ['./src/style'],
    vendor: ...

Таким образом бандл style отделен от остальных и при изменении стилей пересобирается только он.
В dev-режиме я не использую плагин extract-text-webpack-plugin, но никто не мешает сделать отдельные конфигурации для дев-режима и для билда, и в билде добавлять этот плагин.
Ответ написан
mainameiz
@mainameiz Автор вопроса
Full-stack web-developer
И еще такой вопрос. Допустим у нас есть SPA. Если наш основной бандл очень большой и загружается несколько секунд, то нам нужно делать их два? Первый - маленький и легкий, который только загружает второй бандл и в это время показывает спиннер?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы