Cli

Установка

$ npm install webpack -g

Команда webpack теперь доступна глобально.

Чистая командная строка

webpack <entry> <output>

entry

Передайте файл или строку запроса. Вы можете передать несколько записей (каждая запись загружается при запуске).

Если вы передадите пару в формате <name>=<request>, вы можете создать дополнительную точку входа.

Она будет сопоставлена с параметром конфигурации entry.

Вывод

Передайте путь к файлу.

Он будет сопоставлен с параметрами конфигурации output.path и output.filename.

Параметры конфигурации

Многие параметры конфигурации сопоставляются с параметрами командной строки. Например, --debug сопоставляется с debug: true, или --output-library-target с output.libraryTarget.

Вы увидите список всех параметров, если не передадите никаких параметров.

Плагины

Некоторые плагины сопоставляются с параметрами командной строки. Например, --define <string>=<string> сопоставляется с DefinePlugin.

Вы увидите список всех параметров, если не передадите никаких параметров.

Сокращение для разработки -d

Равно --debug --devtool source-map --output-pathinfo

Сокращение для производства -p

Равно --optimize-minimize --optimize-occurrence-order

Режим наблюдения --watch

Отслеживает все зависимости и перекомпилирует при изменении.

Файл конфигурации --config example.config.js

Указывает другой файл конфигурации для использования. Используйте его, если вы хотите указать что-то отличное от webpack.config.js, что является значением по умолчанию.

Параметры отображения

--progress

Отобразить прогресс компиляции в stderr.

--json

Записать JSON в stdout вместо удобочитаемого формата.

Подсказка: Попробуйте поместить результат в инструмент анализа.

--no-color

Отключить цвета для отображения статистики.

--sort-modules-by, --sort-chunks-by, --sort-assets-by

Сортировать список модулей/частей/активов по столбцу.

--display-chunks

Отобразить разделение модулей на части.

--display-reasons

Показать больше информации о причинах включения модуля.

--display-error-details

Показать больше информации об ошибках. Например, это покажет, какие пути были проверены при разрешении модуля.

--display-modules

Показать скрытые модули. Модули по умолчанию скрываются от вывода, если они находятся в директориях, называемых ["node_modules", "bower_components", "jam", "components"]

--display-exclude

Исключить модули из вывода.

Профилирование

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

Ключи времени

• factory: Время, затраченное на построение информации о модуле.
• building: Время, затраченное на построение модуля (например, загрузчики).
• dependencies: Время, затраченное на сбор и подключение зависимостей.

Дополнительные параметры конфигурации

При использовании командной строки вы можете иметь следующие параметры в файле конфигурации. Они передаются другими способами при использовании API node.js.

watch

Перейти в режим наблюдения, который перестраивает при изменении файлов.

watchOptions.aggregateTimeout

Задержка перестройки после первого изменения. Значение - время в мс.

Значение по умолчанию: 300

watchOptions.poll

true: использовать опрос

число: использовать опрос с указанным интервалом

Значение по умолчанию: undefined

stats

Параметры отображения. См. API node.js Stats.toString() для получения дополнительной информации.