В этом проекте я пробую разобраться с современной разработкой на JS и заодно попробую сделать что-то простое с bootstrap.
Пройдемся по шагам и разберемся как настроить рабочее окружение для разработки на JS.
- Устанавливаем Node.JS - пара шагов, описаны здесь
mkdir learn-bootstrap
- создаем рабочую директорию с проектомnpm init
- инициализируем проект, на выходе получаем файл package.jsonnpm install --save-dev webpack webpack-cli webpack-dev-server
- устанавливаем локально webpack для сборки проекта из кучки *.js файлов. Параметр--save-dev
говорит о том, что указанные пакеты используются для разработки, но не для сборкиnpm install --save-dev babel-core babel-preset-env babel-loader
- устанавливаем транспайлер babel для того, чтобы писать на ECMASсriptnpm install style-loader css-loader sass-loader node-sass extract-text-webpack-plugin -D
- устанавливаем набор модулей для сборки scssnpm install bootstrap popper.js jquery
- наконец устанавливаем модули с помошью которых мы будем писать код своего фронтенда