Честное предупреждение! Это не быстрый, простой и экспертный анализ того, как настроить эти технологии. Хотя, к концу, у нас все получается. Речь идет о документировании реального опыта выполнения такого рода работы. Некоторые вещи работают легко, некоторые - нет. Иногда это моя вина. Иногда документы непонятны. Иногда перемены случались у нас под ногами. Мы должны пройти через все это.
У нас есть небольшой план. Мы хотим запустить локальный проект, который использует:
- React: Допустим, мы создаем SPA и сильно хотим работать с моделью компонентов.
- ReactDOM - мы создаем для Интернета.
- Webpack: нам нужен сервер разработки, горячая перезагрузка модуля и способ связать наши зависимости подходящим для производства способом.
- Вавилон: Возможно, в будущем нам не понадобится много компилирования JavaScript, но нам нужен JSX, и именно Вавилон его компилирует.
- Модули CSS: мы хотим написать некоторый изолированный CSS для конкретных компонентов, и это хороший способ сделать это, когда наши стили остаются в таблицах стилей.
К счастью, когда я планировал снять это видео, я нашел статью Линь Нгуен Ми «Как создать приложение React с нуля с помощью Webpack 4». 12,5 тысяч аплодисментов на Medium! Ух ты! Я также добавил к нему множество хлопков, потому что это, кажется, единственный учебник, который действительно охватывает эту суперпопулярную комбинацию друзей доступным способом, который действительно работает.
Нельзя сказать, что все идет легко и гладко! По пути я сталкиваюсь с множеством мелких неприятностей. Некоторые из них касаются меня. Некоторые из них - загадочные ошибки, которые возникают при запуске команд, которые я едва понимаю. В некоторых из них, кажется, отсутствует документация о функциях. Тем не менее, мы в итоге разобрались и получили рабочий проект!