# 170: Гледајте како се аматерски окреће пројекат Реацт + Бабел + Вебпацк + ЦСС Модулес - ЦСС-трикови

Anonim

Фер упозорење! Ово није брзо, једноставно, стручно вођено прочишћавање начина постављања ових технологија. Иако на крају све то успешно покренемо. Овде се ради о документовању стварног искуства бављења овом врстом посла. Неке ствари раде лако, неке не. Понекад сам ја крива. Документи су понекад нејасни. Понекад се промене дешавају под нашим ногама. Морамо се борити кроз све то.

Овде имамо мали план. Оно што желимо да урадимо је да оснујемо локални пројекат који користи:

  1. Реагујте: Рецимо да градимо СПА и желимо да радимо са моделом компонената.
  2. РеацтДОМ - Градимо за веб.
  3. Вебпацк: Желимо развојни сервер, поновно учитавање модула и начин за групирање зависности на продукцијски вредан начин.
  4. Бабел: Можда нам неће требати пуно будућег компајлирања ЈаваСцрипт-а, али потребан нам је ЈСКС, а Бабел је оно што га компајлира.
  5. ЦСС модули: Желимо да напишемо неке изоловане ЦСС специфичне за компоненте и ово је леп начин да то учинимо тамо где наши стилови остају у табелама стилова.

Срећом, док сам планирао да урадим овај видео, пронашао сам чланак „Како створити Реацт апликацију од нуле користећи Вебпацк 4“ аутора Линх Нгуиен Ми. 12,5К пљешће на Медиум! Вау! Додао сам му и мноштво пљеска, јер се чини да је то једини туторијал који у ствари покрива ову супер популарну комбинацију пријатеља на приступачан начин који заправо функционише.

То не значи да све иде лако и глатко! Путем налетим на гомилу ситних проблема. Нешто од тога су моје дебеле прсте. Неке од њих су мистериозне грешке које се појављују када покренемо команде које једва разумем. Чини се да некима недостаје документација о карактеристикама. Ипак, на крају све то средимо и имамо радни пројекат!