{"id":18148228,"url":"https://github.com/quaddarv1ne/my-webpack-project","last_synced_at":"2026-01-31T22:06:58.072Z","repository":{"id":260683122,"uuid":"853262967","full_name":"QuadDarv1ne/my-webpack-project","owner":"QuadDarv1ne","description":"Установка необходимых пакетов для работы с Webpack и Babel","archived":false,"fork":false,"pushed_at":"2024-11-01T19:37:31.000Z","size":10110,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-14T06:04:21.134Z","etag":null,"topics":["babel","babel-plugin","javascript","js","json","maximdupley","quadd4rv1n7","webpack","webpack-dev-server","webpack-loader","webpack-plugin"],"latest_commit_sha":null,"homepage":"https://stepik.org/users/150943726/teach","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QuadDarv1ne.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-09-06T10:03:25.000Z","updated_at":"2024-11-01T19:37:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"516351c4-9f1a-46cb-846e-c91f1107dfff","html_url":"https://github.com/QuadDarv1ne/my-webpack-project","commit_stats":null,"previous_names":["quaddarv1ne/my-webpack-project"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/QuadDarv1ne/my-webpack-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuadDarv1ne%2Fmy-webpack-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuadDarv1ne%2Fmy-webpack-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuadDarv1ne%2Fmy-webpack-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuadDarv1ne%2Fmy-webpack-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QuadDarv1ne","download_url":"https://codeload.github.com/QuadDarv1ne/my-webpack-project/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuadDarv1ne%2Fmy-webpack-project/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259768509,"owners_count":22908228,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","babel-plugin","javascript","js","json","maximdupley","quadd4rv1n7","webpack","webpack-dev-server","webpack-loader","webpack-plugin"],"created_at":"2024-11-01T23:07:37.886Z","updated_at":"2026-01-31T22:06:58.065Z","avatar_url":"https://github.com/QuadDarv1ne.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Создание проекта на Webpack и Babel\n\n![js_webpack_babel](img/js_webpack_babel.png)\n\n### Описание\n\nУстановка необходимых пакетов для работы с `Webpack` и `Babel`\n\n### Используемые команды\n- `npm install --save-dev webpack webpack-cli` - установка Webpack и Webpack CLI\n- `npm install --save-dev babel-loader @babel/core @babel/preset-env` - установка Babel и необходимых плагинов\n- `npm install --save-dev webpack-dev-server` - установка Webpack Dev Server\n- `npm install --save-dev html-webpack-plugin` - установка HTML Webpack Plugin\n\n| **Примечание:** В команде `npm install` используется флаг `--save-dev`, чтобы сохранить пакеты в файле `package.json` в разделе `devDependencies`\n\n**Создание необходимых папок и файлов:**\n```\nmkdir my-webpack-project\ncd my-webpack-project\nnpm init -y\n\nmkdir src\ntouch src/index.js\nmkdir dist\n\nnpm run build \u003c= запуск сборки проекта\nnpm run dev \u003c= запуск develop проекта\n```\n\n```\nnpm run-script test (webpack test -- open / при нахождении тестов)\nnpm run-script start (webpack server --open)\n```\n\n### Структура проекта\n\n```\nmy-webpack-project/\n│\n├── dist/                     # Сборка проекта (выходные файлы)\n│\n├── src/                      # Исходные файлы проекта\n│   ├── assets/               # Статические файлы (изображения, шрифты и т.д.)\n│   │   ├── images/           # Папка для изображений\n│   │   └── fonts/            # Папка для шрифтов\n│   │\n│   ├── css/                  # CSS файлы\n│   │   ├── main.css          # Основной CSS файл\n│   │   └── styles.css        # Дополнительные стили\n│   │\n│   ├── js/                   # JS файлы\n│   │   ├── index.js          # Основной JS файл\n│   │   ├── scripts.js        # Дополнительные скрипты\n│   │   ├── cars.json         # Файл с автомобилями\n│   │   └── modules/          # Модули JS (если нужно)\n│   │\n│   ├── html/                 # HTML файлы\n│   │   ├── index.html        # Главная страница\n│   │   ├── contact.html      # Страница контактов\n│   │   ├── gallery.html      # Галерея\n│   │   ├── models.html       # Модели\n│   │   └── news.html         # Новости\n│   │\n│   └── styles/               # Папка для SCSS или LESS (если используете)\n│\n├── .gitignore                # Игнорируемые файлы\n├── LICENSE                   # Файл лицензии\n├── package.json              # Файл зависимостей проекта\n├── webpack.config.js         # Конфигурация Webpack\n└── README.md                 # Описание проекта\n```\n\n```\nСписок страниц:\n1) Главная страница (index.html) – Общая информация о сайте и популярные модели автомобилей.\n2) Страница моделей (models.html) – Список моделей автомобилей.\n3) Галерея (gallery.html) – Галерея с изображениями автомобилей.\n4) Контакты (contact.html) – Контактная информация и форма обратной связи.\n5) Новости (news.html) – Последние новости автомобильного мира.\n```\n\n### Сотрудничество\nЕсли вы хотите внести вклад в проект, пожалуйста, откройте `issue` или создайте `pull request`\n\n### Лицензия\n**Этот проект лицензирован под MIT License** - подробности в [LICENCE](LICENSE)\n\n### Полезные ссылки\n```\n[Webpack] https://webpack.js.org/\n[Babel] https://babeljs.io/\n```\n\n**Автор:** Дуплей Максим Игоревич\n\n**Дата:** 06.09.2024\n\n**Версия:** 1.0.0\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquaddarv1ne%2Fmy-webpack-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquaddarv1ne%2Fmy-webpack-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquaddarv1ne%2Fmy-webpack-project/lists"}