Базовая настройка webpack
.
Скринкаст с пояснениями
Обсуждение и место где можно задать вопросы https://forum.jscourse.com/t/webpack/1769
- Поддержка синтаксиса es2015 с помощью babel
- Dependency injection как локальных так и
npm
модулей черезrequire
и es2015import
. - Сборка production версии кода (минификация + sourcemap).
- sourcemaps во время разработки и для production сборки
- live reload при разработке.
- Сервер статических файлов.
У тебя должне быть установлен nodejs.
- В терминале в папке проекта выполни
npm run dev
. - Открой http://localhost:8080.
- В браузере увидишь содержимое файла
static/index.html
. - Файл - точка входа для компилируемого кода
src/index.js
в нем пиши код приложения. Содержимое этого файла будет пропускаться через webpack, подгружаться в браузер и выполняться.
В терминале в папке проекта выполни команду npm run build
. Результат - минифицированный файл dist/bundle.js
и sourcemap к нему dist/bundle.js.map
.