Шаг 5. Webpack init

Введём команду npm webpack init, а затем ответим на ряд вопросов:

Which of the following JS solutions do you want to use — какие из предложенных решений вы собираетесь использовать?

На выбор даётся три варианта ответа:

• none — ванильный JS;
• ES6 — синтаксис ES6;
• TypeScript.

Do you want use webpack-dev-server — хотите ли вы использовать webpack-dev-server?

Выбираем «Да» (y). Так как пакет является сервером для ведения разработки приложения, он обязателен к установке.

Do you want to simplify the creation of HTML files for your bundle — хотите ли вы упростить создание HTML-файлов для вашего пакета?

Выбираем «Да» (y).

Do you want to add PWA support — хотите ли вы добавить поддержку PWA?

Вводим «no» (сокращённо — n). Пропускаем этот шаг — позже мы разберём этот пункт отдельно.

Will of the following CSS solutions do you want to use — будете ли вы использовать следующие CSS-решения?

Нам предложат на выбор несколько вариантов:

• none;
• CSS only — только CSS;
• Sass;
• LESS;
• Stylus — Sass-подобный препроцессор.

Will you be using PostCSS in your project — хотите ли вы использовать PostCSS в вашем проекте?

Об этом пункте мы также поговорим в следующих разделах, потому что у него есть свои особенности и конфигурационный файл.

Do you want to extract CSS for every file — хотите ли вы извлекать CSS для каждого файла?

Регулирует создание отдельного файла для всех стилей приложения, по умолчанию включено. Only for production означает, что отдельный файл со стилями будет создан только в production mode.

Do you like to install prettier to format generated configuration — хотите ли вы установить Prettier для форматирования сгенерированного конфига?

Prettier — форматировщик кода.

Pick a package manager: npm | yarn | pnpm — выберите менеджер пакетов: npm, yarn или pnpm.

В нашем примере мы используем npm, поэтому выбираем его.

Overwrite package.json — перезаписать package.json?

Выбираем «Да» — y.