uk.parceljs.org
Open in
urlscan Pro
76.76.21.93
Public Scan
URL:
https://uk.parceljs.org/
Submission: On August 04 via automatic, source certstream-suspicious — Scanned from DE
Submission: On August 04 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="languages">
<select class="language-dropdown" onchange="location = this.options[this.selectedIndex].value + location.pathname;">
<option class="en" value="https://en.parceljs.org">English</option>
<option class="es" value="https://es.parceljs.org">Español</option>
<option class="fr" value="https://fr.parceljs.org">Français</option>
<option class="it" value="https://it.parceljs.org">Italiano</option>
<option class="ja" value="https://ja.parceljs.org">日本語</option>
<option class="ko" value="https://ko.parceljs.org">한국어</option>
<option class="pl" value="https://pl.parceljs.org">Polski</option>
<option class="pt" value="https://pt.parceljs.org">Português</option>
<option class="ru" value="https://ru.parceljs.org">Русский</option>
<option class="uk" value="https://uk.parceljs.org" selected="">Українська</option>
<option class="zh" value="https://zh.parceljs.org">简体中文</option>
<option class="zh-tw" value="https://zh-tw.parceljs.org">繁體中文</option>
</select>
</form>Text Content
Блискавично швидкий пакувальник для веб-додатків без налаштувань
Давайте почнемо! GitHub
English Español Français Italiano 日本語 한국어 Polski Português Русский Українська
简体中文 繁體中文
Документація GitHub
🚀 БЛИСКАВИЧНО ШВИДКИЙ
Parcel використовує воркери для увімкнення багатоядерної компіляції і має кеш
файлової системи для швидких повторних збірок навіть після перезапуску.
📦 ЗВ'ЯЖІТЬ ВСІ СВОЇ РЕСУРСИ
Parcel з коробки має підтримку: JS, CSS, HTML, файлових ресурсів та багато
іншого — немає необхідності в плаґінах.
🐠 АВТОМАТИЧНІ ТРАНСФОРМАЦІЇ
Код автоматично трансформується, використовуючи Babel, PostCSS і PostHTML, при
необхідності — навіть node_modules.
✂️ РОЗДІЛЕННЯ КОДУ БЕЗ НАЛАШТУВАННЯ
Використовуючи динамічний синтаксис import(), Parcel розділяє ваші готові
бандли, тому ви завантажуєте тільки те, що потрібно при початковому
завантаженні.
🔥 ГАРЯЧА ЗАМІНА МОДУЛЯ
Parcel автоматично оновлює модулі в браузері, якщо ви робите зміни в процесі
розробки, без додаткових налаштувань.
🚨 ДРУЖНЯ РЕЄСТРАЦІЯ ПОМИЛОК
Parcel виділяє синтаксис коду, коли він стикається з помилками, щоб допомогти
вам визначити проблему.
ПРИВІТ, СВІТ!
Почніть свій додаток з HTML-файлу. Parcel слідує за залежностями з нього, для
створення всього вашого додатка.
✏️ index.html
<html>
<body>
<script src="./index.js"></script>
</body>
</html>
🛠 index.js
// Імпортуйте компоненти
import main from './main';
main();
🛠 main.js
// Імпортуйте CSS-модуль
import classes from './main.css';
export default () => {
console.log(classes.main);
};
💅 main.css
.main {
/* Посилання на файл зображення */
background: url('./images/background.png');
color: red;
}
Просто виконайте parcel index.html в консолі для запуску локального сервера.
Імпортовані JavaScript, CSS, зображення і багато іншого — просто працюють! 👌
БЕНЧМАРКИ
Пакувальник Час, сек. browserify 22,98 webpack 20,71 parcel 9,98 parcel (з
кешем) 2,64
За основу було взято додаток з досить великим розміром, що містить 1726 модулів,
6,5 МБ нестисненого коду. Бандл був зроблений на 2016 MacBook Pro з 4-ядерним
ЦП.
Давайте почнемо!
ДОКУМЕНТАЦІЯ
* 🚀 Початок роботи
* 📦 Ресурси
* 🐠 Трансформації
* ✂️ Розділення коду
* 🔥 Гаряча заміна модуля
* ✨ Робота в продакшені
ПОСИЛАННЯ
* GitHub
* npm
* Twitter
Копірайт © 2023 Девон Говетт (Devon Govett). Сайт з відкритим вихідним кодом.