Загрузчики Webpack против плагинов; в чем разница?
в чем разница между загрузчиками и плагинами в webpack?
The документация на Плагины просто говорит:
используйте плагины для добавления функций, обычно связанных с пакетами в webpack.
Я знаю, что babel использует загрузчик для преобразований jsx/es2015, но похоже, что другие распространенные задачи (например, copy-webpack-plugin) используют плагины.
3 ответов:
загрузчики выполняют предварительную обработку преобразования практически любого формата файла при использовании sth как
require("my-loader!./my-awesome-module")в коде. По сравнению с плагинами, они довольно просты, поскольку они (а) предоставляют только одну функцию для webpack и (б) не могут влиять на фактический процесс сборки.Плагины с другой стороны могут глубоко интегрироваться в webpack, потому что они могут регистрировать крючки в системе сборки webpacks и получать доступ (и изменять) компилятор, и как он работает, а также сборник. Поэтому они более мощные, но и сложнее в обслуживании.
добавление дополнительного и более простого ответа.
погрузчики:
загрузчики работают на уровне отдельных файлов во время или до the bundle генерируется.
Плагины:
Плагины работают на bundle или chunk уровень и обычно работают на конец процесса генерации пучка. Плагины также могут изменять способ связки создали сами. Плагины имеют более мощный контроль, чем погрузчики.
просто для примера вы можете четко видеть на рисунке ниже, где работают загрузчики и где работают Плагины -
Ссылки на литературу: статьи и изображения
Плагины работают на уровень системы. Они могут работать над шаблоном, обработкой файловой системы (Имя, Путь) и т. д.
Comments