Список загрузчиков

basic

json: Загружает файл как JSON
hson: Загружает файл HanSON (JSON для людей) как объект JSON
raw: Загружает исходное содержимое файла (как utf-8)
val: Выполняет код как модуль и рассматривает экспорт как JavaScript-код
to-string: Выполняет код как модуль, преобразует вывод в строку и экспортирует её
imports: Импортирует данные в модуль
exports: Экспортирует данные из модуля
expose: Экспортирует экспорт из модуля в глобальный контекст
script: Выполняет JavaScript-файл один раз в глобальном контексте (как в теге script), require не анализируются.
apply: Выполняет экспортированную JavaScript-функцию, необязательно с аргументами, и экспортирует её возвращаемое значение.
callback: Парсит ваш JS, вызывает указанные функции (которые вы реализуете в контексте webpack) и заменяет их результатами
if-loader: Это препроцессор для сборщика модулей webpack. Он поддерживает директиву if, аналогично C #ifdef.
ifdef-loader: Препроцессор для файлов .js/.ts, который позволяет условную компиляцию через // #if и // #endif, сохраняя sourcemap.
source-map: Извлекает sourceMappingURL комментарии из модулей и предлагает их webpack
checksum: Вычисляет контрольную сумму файла
null: Выводит пустой модуль.
substitute: Выводит модуль, содержимое которого заменяется (по умолчанию: null, настраиваемое как параметр)
cowsay: Выводит модуль с заголовком cowsay.
dsv: Загружает файлы csv/tsv.
glsl: Загружает файлы glsl и поддерживает glsl-chunks.
glsl-template: Загружает файлы шейдеров glsl. Поддерживает директиву #include и переменные шаблонов.
render-placement: Добавляет React.render к вашему компоненту (не очень практично в большинстве случаев)
xml: Загружает XML как JSON.
svg-react: Загружает SVG-файлы как объявления JSX-преобразованных React.createClass.
svg-url: Загружает SVG-файл как строку data-URI, закодированную в utf-8.
svg-as-symbol: Оборачивает содержимое корневого элемента исходного SVG-файла внутри элемента symbol и возвращает полученную разметку.
base64: Загружает содержимое файла как строку base64.
base64-inline: Загрузчик поддерживает самые популярные расширения файлов и может быть вставлен непосредственно в файл как строка base64.
ng-annotate: Загрузчик для аннотирования инъекций зависимостей в приложениях Angular.js.
node: Загружает файлы .node, созданные с помощью node-gyp.
required: Загружает целые каталоги древовидных структур в объёме. Загружает JS, импортирует CSS и импортирует данные из него.
icons Генерирует шрифты иконки из файлов .svg (использует gulp-iconfont)
markup-inline Вставляет SVG в HTML. Очень полезно при применении иконок шрифтов или анимаций CSS к SVG.
block-loader Универсальный загрузчик для переписывания только частей файлов на основе разделителей начала/конца содержимого.
bundler-configuration Загрузчик конфигурации сборщика, инструмент для включения конфигурации сборщика в результирующем билде.
console: Выводит разрешенный require webpack в консоль.
solc: Компилирует код Solidity (.sol) и возвращает JavaScript-объекты с Application Binary Interface (ABI) и байткодом, готовыми к развертыванию в Ethereum.
web3: Развертывает байткод Ethereum VM и возвращает готовые к использованию JS-экземпляры развернутых смарт-контрактов. Также возвращает инициализированный объект Web3.
includes: Загружает любой текстовый файл и поддерживает вложенные включения
combine: Объединяет результаты из нескольких загрузчиков в один объект
regexp-replace: Заменяет совпадения RegExp строкой
icon-maker: Загружает SVG и собирает его в шрифт и CSS, возвращает строку класса для использования этой иконки.
skeleton: Выполняет вашу пользовательскую процедуру. Работает как ваш пользовательский загрузчик.

packaging

file: Выводит файл в папку вывода и возвращает (относительный) URL.
url: Загрузчик URL работает как загрузчик файлов, но может вернуть URL данных, если файл меньше определённого размера.
extract: Подготавливает модули HTML и CSS для извлечения в отдельный файл (лёгкая альтернатива ExtractTextWebpackPlugin).
worker: Загрузчик worker создаёт WebWorker для предоставленного файла. Упаковывание зависимостей Worker прозрачно.
shared-worker: Подобно загрузчику worker, но для Shared Workers.
serviceworker: Подобно загрузчику worker, но разработан для Service Workers.
bundle: Оборачивает запрос в блок require.ensure (обратный вызов).
promise: Оборачивает запрос в блок require.ensure (promise).
async-module: То же, что и bundle, но предоставляет способ обработки ошибок загрузки скрипта. Оборачивает запрос в блок require.ensure (обратный вызов, errback).
react-proxy: Разделение кода для компонентов React.
react-hot: Позволяет редактировать компоненты React в режиме реального времени, сохраняя их закреплёнными и состояние.
image: Сжимает ваши изображения. Идеально использовать вместе с file или url.
img: Загружает и сжимает изображения с помощью imagemin.
image-maxsize: Изменяет размер изображений, чтобы они вписывались в максимальную ширину/высоту, сохраняя их пропорции.
base64-image: Загружает изображение в качестве строкового источника base64.
imgin: Создаёт изображения-заполнители с различными размерами, цветами, текстом и размером шрифта.
responsive: Создаёт несколько изменённых размеров изображений для использования с srcset и CSS медиа-запросами.
svgo: Сжимает SVG-изображения с помощью библиотеки svgo.
svg-sprite: Подобно style-loader, но для SVG: создаёт единый SVG-спрайт из набора изображений, добавляет его в DOM и возвращает относительный symbol URL для использования с <use> SVG.
svg-fill: Изменяет цвета в SVG-изображениях. Полезно, когда вы встраиваете SVG в CSS как фоновое изображение и не хотите создавать тонны идентичных файлов, которые отличаются только своими fill атрибутами.
line-art: Встраивает SVG-файлы, преобразуя все его узлы в пути. Полезно для анимации линий в компонентах React.
baggage: Автоматически подключает любые ресурсы, связанные с требуемым.
polymer: Обрабатывает HTML и CSS с препроцессором по вашему выбору и require() веб-компонентами как модулями первого класса.
uglify: Сжимает содержимое модуля. В отличие от плагина uglify, вы можете сжимать с обфускацией только файлы вашего приложения, а не библиотеки.
html-minify: Сжимает HTML с помощью minimize
vue: Загружает однофайловые компоненты Vue.js как модули с поддержкой загрузчиков для препроцессоров.
tojson Сериализует экспорт модуля в JSON. Кэширует сгенерированные статические данные в JSON во время сборки.
zip-it Преобразует файлы и каталоги в zip. Отлично подходит для file.
lzstring Сжимает большие строки встраиваемо с помощью lz-string и распаковывает их во время выполнения.
modernizr Получите свой сборку modernizr, связанную с webpack
s3 Извлекайте ресурсы из s3 на основе имени файла, пути и желаемой среды.
path-replace Заменяйте заданный базовый путь другим путём для динамической загрузки модулей.
react-intl Загружает данные языковых файлов react-intl через require.ensure
font-subset: Загружает преобразованный шрифт, содержащий только указанный набор глифов, со всеми другими глифами, удалёнными.
w3c-manifest: Загружает файл manifest.json веб-приложения.
web-app-manifest: Загружает изображения, на которые ссылаются поля значков и splash_screens в манифесте веб-приложения.
manifest-scope: Устанавливает область действия манифеста веб-приложения в общедоступный путь.
less-vars: Извлекает переменные из заданного файла less и возвращает их в формате JSON.
await: Подобно promise-loader, но проще. Оборачивает запрос в блок require.ensure (promise).
web-components: Сделайте импорт многофайлового веб-компонента в ваш проект невероятно простым.
htmlclean: Простой и безопасный очиститель HTML/SVG для минификации без изменения его структуры.

диалекты

coffee: Загружает кофейный скрипт как JavaScript
coffee-jsx: Загружает кофейный скрипт с JSX как JavaScript
coffee-redux: Загружает кофейный скрипт как JavaScript
json5: Подобно json, но не так строго.
es6: Загружает ES6 модули. (старый)
esnext: Транспилирует ES6 код с использованием esnext.
babel: Преобразует ES6 код в обычный ES5 с использованием Babel.
regenerator: Используйте генераторы ES6 через модуль Regenerator от Facebook.
livescript: Загружает LiveScript как JavaScript
sweetjs: Используйте макросы sweetjs.
traceur: Используйте будущие возможности JavaScript с Traceur.
ts: Загружает TypeScript как JavaScript.
typescript: Загружает TypeScript как JavaScript.
awesome-typescript: Загружает TypeScript как JavaScript с поддержкой отслеживания. Работает с TypeScript 1.5-alfa
webpack-typescript: Загружает TypeScript как JavaScript. Поддерживает режим отслеживания и карты исходников. Работает с TypeScript 1.5, 1.6 и ночными сборками TypeScript 1.7 и 1.8.
purs: Загружает PureScript как JavaScript.
oj: Загружает файлы OJ (язык, похожий на Objective-C) и компилирует их в обычный JavaScript.
elm-webpack: Загружает файлы Elm и компилирует их в обычный JavaScript.
miel: Загружает синтаксис Miel и компилирует в JavaScript.
wisp: Загружает модули Wisp и компилирует их в JavaScript.
sibilant: Загружает файлы Sibilant и компилирует их в JavaScript.
ion: Загружает файлы ion и компилирует их в JavaScript.
json-files-merge: Загружает и объединяет JSON-файлы для включения в сборки (полезно для объединения JSON-основанной локализации/конфигурации).

шаблоны

html: Экспортирует HTML в виде строки, требует ссылки на статические ресурсы.
dom: Экспортирует HTML в контейнер элемента DOM.
riot: Загружает теги RiotJS и преобразует их в JavaScript.
pug: Загружает шаблон Pug/Jade и возвращает функцию.
jade-html: Загружает шаблон Jade и возвращает сгенерированный HTML.
jade-react: Использует шаблоны Jade для отрисовки React вместо JSX.
virtual-jade: Использует шаблоны Jade для создания вывода гиперссылок virtual-dom.
template-html: Загружает любой шаблон с consolidate.js и возвращает сгенерированный HTML.
handlebars: Загружает шаблон handlebars и возвращает функцию.
handlebars-template-loader: Загружает шаблон handlebars и возвращает функцию (альтернатива).
dust: Загружает шаблон dust и возвращает функцию.
ractive: Предварительно компилирует шаблоны Ractive для интерактивного управления DOM.
jsx: Преобразует код jsx для React в код js.
react-templates: Загружает react-шаблон и возвращает функцию.
em: Компилирует Emblem в Handlebars.js.
ejs: Загружает шаблон EJS (underscore( движок шаблонизации)) и возвращает предварительно скомпилированную функцию.
ejs-html: Загружает шаблоны EJS и возвращает сгенерированный HTML.
mustache: Предварительно компилирует шаблоны Mustache с помощью Hogan.js и возвращает функцию.
yaml: Преобразует YAML в JSON.
yml: Преобразует YAML в JavaScript-объект, необязательно опуская заблокированные ключи.
react-markdown: Компилирует Markdown в компонент React с помощью парсера markdown-parse.
front-matter: Извлекает YAML-метаданные.
markdown: Компилирует Markdown в HTML.
rails-erb: Компилирует файлы ERB с использованием Ruby on Rails.
remarkable: Компилирует Markdown в HTML с помощью парсера Remarkable.
markdown-it: Компилирует Markdown в HTML с помощью парсера markdown-it.
markdownattrs: Компилирует Markdown в HTML с помощью парсера markdown-it-attrs, который позволяет задавать классы, идентификаторы и атрибуты вашему Markdown.
ng-cache: Размещает HTML-части в кэше Angular $templateCache.
ngtemplate: Объединяет ваши шаблоны AngularJS и предварительно загружает кэш шаблонов.
hamlc: Компилирует шаблоны haml-coffee (.hamlc) и возвращает функцию.
haml: Отображает шаблоны haml-coffee (.html.hamlc) и возвращает строку.
jinja: Предварительно компилирует шаблоны nunjucks и jinja2.
nunjucks: Предварительно компилирует шаблоны nunjucks.
soy: Компилирует шаблоны Google Closure и возвращает пространство имен с функциями render.
smarty: Предварительно компилирует php smarty шаблоны и возвращает функцию.
swagger: Компилирует спецификации Swagger/OpenAPI JSON и YAML.
template-string: Используйте ES6 template strings для HTML-шаблонов.
ect: Компилирует шаблоны ectjs.
tmodjs: Загружает art-template, движок шаблонов, широко используемый в Китае.
layout: Теперь вы можете напрямую использовать require в html!
swig: Вебпаков загрузчик Swig.
twig: Вебпаков загрузчик Twig.js.
mjml-with-images: Компилирует файлы MJML с изображениями в адаптивный HTML для электронных писем.
webcomponents: Загружает html webcomponents с некоторыми дополнительными функциями.

стили

bootstrap-webpack: Загружает конфигурационный файл для интеграции Twitter Bootstrap с использованием Less. Позволяет полную настраиваемость через Less.
font-awesome-webpack: Загружает конфигурационный файл для интеграции Font Awesome с использованием Less. Позволяет полную настраиваемость через Less.
bootstrap-sass: Устарело. См. bootstrap.
bootstrap: Загружает конфигурационный файл для интеграции Twitter Bootstrap с использованием Sass. Позволяет полную настраиваемость через Sass. Поддерживает CSS-модули и Bootstrap 3 и 4.
font-awesome: Легкая интеграция font-awesome с настройкой через Sass.
style: Добавляет экспорт модуля как стиль в DOM.
isomorphic-style: Временная замена для style-loader, добавляя поддержку изоморфных приложений и критически важного CSS.
css: Загружает файл css с разрешенными импортами и возвращает код css.
cess: Загружает и компилирует файл cess (css в es6 js) в css.
less: Загружает и компилирует файл less.
sass: Загружает и компилирует файл scss.
stylus: Загружает и компилирует файл stylus.
csso: Минимизирует входной CSS с помощью CSSO.
rework: Послеобрабатывает CSS с помощью Rework и возвращает код CSS.
postcss: Послеобрабатывает CSS с Autoprefixer и другими плагинами PostCSS.
autoprefixer: Добавляет префиксы для вендоров в правила CSS, используя значения из Can I Use.
namespace-css: Размещает ваш CSS с заданным селектором (для инкапсуляции всех правил в одном подмножестве вашего сайта).
fontgen: Создайте свой шрифт с правильным CSS на лету и включите его в WebPack.
classnames: Автоматически связывает css-modules с classnames.
theo Загружает файлы Design Tokens, преобразованные с помощью theo
bulma Настройте Bulma в ваших css-модулях.
css-to-string Преобразуйте вывод css-loader обратно в строку.

перевод

po: Загружает файл PO gettext и возвращает JSON
po2mo: Преобразует файлы PO gettext в MO файлы
format-message: Компилирует переводы в строки формата ICU Message в вызовах formatMessage
jsxlate: Преобразует исходный код React для использования с jsxlate
angular-gettext Компилирует файлы .po как модуль Angular.js или json для использования с angular-gettext.
webpack-angular-translate: Извлекает идентификаторы переводов и текст по умолчанию для angular-translate
angular-gettext-extract Извлекает строки для перевода в указанный файл .pot.
gettext: Компилирует файл PO Gettext из исходного кода.
preprocessor: Препроцессор-лоадер предоставляет возможность предварительной обработки исходных файлов с помощью пользовательских регулярных выражений, макросов и функций обратного вызова. Все пользовательские логики могут применяться к строкам или всему исходному коду.
amdi18n-loader: Модуль лоадера i18n, похожий на плагин i18n require.js. Пакеты с языками поддерживают модули AMD/CommonJS и могут быть написаны в файлах .json / .js / .coffee.
sprockets-preloader: Переводит директивы sprockets require в зависимости модулей JavaScript. Полезно для миграции проекта Rails в Webpack с модульной структурой.
properties: Модуль для файлов .properties.
transifex: Загрузка импортированных файлов переводов с Transifex.

поддержка

mocha: проводить тесты с mocha в браузере или node.js
coverjs: Пост-лоадер для анализа покрытия кода с CoverJs
istanbul-instrumenter: Пост-лоадер для анализа покрытия кода с Istanbul с karma-webpack и karma-coverage
isparta-instrumenter: Прелоадер для анализа покрытия кода с Isparta с karma-webpack и douglasduteil/karma-coverage#next
ibrik-instrumenter: Прелоадер для анализа покрытия кода CoffeeScript с Ibrik с karma-webpack и douglasduteil/karma-coverage
eslint: Прелоадер для проверки кода с ESLint.
jshint: Прелоадер для проверки кода.
jscs: Прелоадер для проверки стиля кода.
standard: Соответствие стилю кода standard.
inject: Веб-пакет лоадер для вставки кода в модули через их зависимости.
injectable: Разрешает вставлять зависимости в модули.
transform: Использование браузерных преобразований в качестве лоадера.
falafel: Использование преобразований AST falafel в качестве лоадера.
image-size: Загрузка изображения и возвращение его размеров и типа.
csslint: Прелоадер для проверки кода с CSSLint.
coffeelint: Прелоадер для проверки кода CoffeeScript.
tslint: Прелоадер для проверки кода TypeScript с TSLint.
parker: Вывод отчета об анализе стилей с помощью parker.
sjsp: Вставка кода для профилирования с node-sjsp.
amdcheck: Использует AST для поиска и удаления неиспользуемых зависимостей в AMD-модулях с помощью amdextract.
manifest: Лоадер для создания JSON-манифестов активов для передачи в системы предварительной загрузки.
gulp-rev: Использование вместе с gulp-rev для замены активов из rev-манифеста.
html-test Проверка ваших HTML-шаблонов (например) для аналитики.
stylelint Прелоадер для проверки SASS и SCSS с помощью stylelint.
stylefmt Прелоадер для исправления ошибок SASS/SCSS/PostCSS с помощью stylelint.
scsslint: Прелоадер для проверки Scss с помощью scss-lint.
htmlhint: Прелоадер для проверки HTML с помощью htmlhint-loader.
documentation: Документация Javascript с DocumentationJS
sassdoc: Документация Scss с SassDoc
performance-loader: Профилирование производительности модулей.