Page 51 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017
P. 51
Пользователи Windows могут получить сообщение об ошибке "The
build tools f o r Visual Studio 2010 (Platform Toolset = vlOO) cannot Ье
f o und" (Инструменты сборки для Visual Studio 2010 (Комплект инстру
ментальных средств платформы = vlOO) не найдены). Многие пакеты
npm зависят от инструментов сборки Visual Studio. Вы можете полу
чить бесплатную версию Visual Studio со страницы загрузки https : / /
www. visualstudio . corn/ru/downloads/. У с тановив Visual Studio, най
дите в программных файлах "Developer Command Prompt" (Командная
оболочка разработчика). В этой оболочке перейдите в свой корневой
каталог проекта и попытайтесь установить Gulp снова. Т е перь должно
получиться лучше. Вы не обязаны продолжать использовать команд
ную оболочку из Visual Studio, но это самый простой способ установки
модулей npm, имеющих зависимости от Visual Studio.
Структура п р о екта
Прежде чем приступать к использованию Gulp и Babel для преобразования на
шего кода ЕSб в код ESS, необходимо подумать, куда мы собираемся помещать код
в пределах нашего проекта. В разработке JavaScript нет универсального стандарта
для компоновки проектов: они слишком разнообразны для этого. Обычно исходный
код помещают в каталог src или j s . Мы собираемся поместить наш исходный код
в каталог es 6; это совершенно ясно указывает, что мы пишем код ЕSб.
Поскольку большинство проектов включают и серверный (Node), и клиентский
( браузер) коды, мы также разделим эти две категории. Серверный код расположится
непосредственно в каталоге s б в нашем корневом каталоге проекта, а код, предназна
е
ченный для браузера, - в каталоге pu Ы i c / e s б (по определению любой код JavaScript,
посылаемый браузеру, является открытым (puЬlic), и это вполне обычное соглашение).
В следующем разделе мы преобразуем свой код ЕSб в ESS, поэтому нам понадо
бится место для размещения кода ESS (не нужно смешивать его с кодом ЕSб). Обыч
но этот код помещают в каталог dist (distribution - для распространения).
В результате ваш корневой каталог проекта будет выглядеть примерно так .
. git # Gi t
. g itignore
package . j son # прт
node modules
е s б # исходный код для Node
dist
puЫic/ # исходный код для браузера
еsб/
dist/
Возможности ЕSб 49

