Задать вопрос
Ответы пользователя по тегу JavaScript
  • Динамическая подгрузка js, css в REACT?

    Eastman
    @Eastman
    Frontend's Zen
    Насчет динамической подгрузки 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-код, то есть то же, что и выше, только разделено согласно роутам (попробовал только-что на своем проекте - работает)

    Ответ написан
    Комментировать