Насчет динамической подгрузки js-файлов, я дал вам ответ в
этой теме.
Насчет же файлов стилей, тут можно по-разному и если я сейчас повторю то, что сказали выше, то прошу не быть очень строгим.
По себе скажу, что удобно когда в проекте есть папка styles, в которой содержится main.less (работаю с less просто), в котором подключен ваш reset.css, variables.less с переменными, etc. Файл main.less, в свою очередь, импортируется в вашей точке входа. В main.less содержаться очень общие стили проекта.
Что касательно компонентов и их стилей. Как принято, smart-компоненты не содержат стили, dumb - содержат, то есть у каждого dumb-компонента есть (если необходимо) свой одноименный файл с разрешением - *.less, *.scss, *.css (выбирайте по вкусу), который подключенный к этому компоненту.
Как описывать стили? Вот пару вариантов (для всех вариантов необходима соответствующая настройка конфигурации Webpack.):
Насчет стилей и Webpack. Как я понимаю, есть два варианта:
- В Webpack вы используете ExtractTextPlugin - получаете один bundle.css, где находятся общие стили проекта и стили каждого компонента
- В Webpack вы не используете ExtractTextPlugin:
- Если у вас один bundle.js, то в нем вы получите все свои стили
- Если вы используете динамическую подгрузку скриптов по роуту, то получите в каждом js-chunk'e и js,
и css-код, то есть то же, что и выше, только разделено согласно роутам (попробовал только-что на своем проекте - работает)
