Как настроить Vue SSR?

Question

[w1ti2n7iyi]

Решил я настроить сам Vue + Webpack + Vue-SSR, делаю сразу по нескольким примерам и так-то я могу просто скопипастить, но все-таки пару вопросов не дают мне спать спокойно. Два самых лучших примера:
- Официальная документация
- Пример показанный в оф. доках
- Более современный вариант, в примере выше многие плагины и т.д. уже устарели и не используются

Итак:
1. Зачем в серверном конфиге нужна обработка css?
2. Почему нельзя просто импортировать index.template.html через es6 import или require:

const renderer = require('vue-server-renderer').createRenderer({
  template: require('fs').readFileSync('./index.template.html', 'utf-8')
})

Comments

[sinneren]

а как же вариант nuxt?

по в1 по вашей же ссылке чёрным по белому:

Обратите внимание, что в параметре externals мы указываем белый список CSS файлов. Это связано с тем, что CSS, импортированный из зависимостей всё равно должен быть обработан Webpack. Если вы импортируете любые другие типы файлов, которые также полагаются на Webpack (например, *.vue, *.sass), вы должны их также добавить в белый список.

[sinneren]

по в2 у fs меньше файл и быстрее загрузка (https://codex.so/require)
авторы выбрали его еще мб потому что их нода была старая

[w1ti2n7iyi]

sinneren, не nuxt просто потому что делаю для себя ради интереса
насчет в1, тоесть если я использую scss в компонентах и, например, bootstrap, то я должен тоже внести это в whitelist? Просто я смотрю на оф. пример, там в испотльзуется stylus, но в nodeExternal.whitelist не добавлены файлы такого расширения. Я просто вообще не могу понять зачем в серверном конфиге нужно обрабатывать css

[sinneren]

w1ti2n7iyi, следуя из цитаты выше, да, тоже должен