Parcel.js Является ли новый JavaScript Bundler в городе. Быть менее 2 недель, у него уже есть 11k + звезды на Github. Это поможет вам создать свой первый проект реагирования с Parcel.js
Parcel.js может похвастаться самым быстрым JavaScript Bundler до даты, предлагая пылающую быструю производительность, используя многоядерную обработку и требует нулевой конфигурации. Перейти к Parceljs.org знать больше о.
1. Мы прыгаем прямо в его, используя его, устанавливая Parceljs
npm install -g parcel-bundler
2. Создайте файл package.json в вашем каталоге проекта, используя
npm init -y
3. Установите React и React-Dom
npm install --save react react-dom
4. Установите зависимости Dev
npm install --save-dev parcel-bundler babel-preset-env babel-preset-react
5. Создайте файл .babelrc для использования предустановки RACT
// .babelrc
{
"presets": ["env", "react"]
}
6. Добавить Start Script для Package.json
// package.json
"scripts": {
"start": "parcel index.html"
}
7. Создайте index.html с тегом сценария, указывающий на наш index.js
index.html.
8. Создайте index.js, который импортирует наш компонент и оказывает его на странице
index.js.
9. 9. Создайте компонент и его файл стилей
- ExampleApp.js просто возвращает простой компонент с изображением и заголовка.
Exampleapp.js.
- Exampleapp.css.
Exampleapp.css.
10. Готово! Теперь вы можете запустить сервер DEV Parcel, который смотрит и горячие перезагрузки на изменениях.
npm run start
Вы также можете найти код для этого проекта на мой Github Repository и проверить это жить здесь Отказ
Винью М.
Спасибо за прочтение. Я Винью М , JavaScript & Python Developer и Mentor. Я иду по имени пользователя @vigzmv везде. Найди и ударил меня!