Здесь записаны некоторые пакеты Parcel, которые я использовал для своего небольшого веб-проекта. Они просто подключаются напрямую. Настройка практически не требуется.

Встроенный CSS и Javascript

Этот пакет включает внешний CSS прямо в HTML, добавляя встроенный тег. Это полезно, когда вы не можете включить внешний файл CSS или javascript, не изменив права доступа к файлу.



parcel-plugin-inline-source
基于 inline-source 实现，在需要内联的 、 标签上添加 inline='inline' 属性，执行 участок сборки 编译时会 自动进行内联操作。 $ npm install…www.npmjs.com



Окончательный код:

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>parcel-plugin-inline-source</title><style>footer,header{padding:2em;background:#16f;color:#fff}section{padding:2em;background:#fff;color:#16f}</style></head><body> <script src="https://cdn.jsdelivr.net/npm/preact/dist/preact.min.js"></script> <script>parcelRequire=function(e,t,n,r){/* 代码太长，省略…… */},{"@babel/runtime/helpers/classCallCheck":"0fcM","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/possibleConstructorReturn":"0421","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/helpers/inherits":"d4H2",preact:"OmAK"}]},{},["Focm"]);</script> </body></html>

Очистить перед сборкой



parcel-plugin-nuke-dist
Плагин Parcel для очистки каталога dist перед компиляцией нового пакетаwww.npmjs.com



Parcel по умолчанию не очищает папку dist перед следующей сборкой. Я не знаю почему. Этот пакет удаляет все файлы в папке dist перед сборкой.

Уменьшить изображения

Вы никогда не хотите, чтобы изображения были слишком большими для загрузки.



parcel-plugin-imagemin
Плагин для минимизации изображений ⚠️ Примечание. Этот плагин не поддерживает Node 6. В настоящее время поддерживаются следующие расширения:…www.npmjs.com