https://github.com/yuriyvyatkin/ajs-hw-2.1-webpack
ДЗ №1 к лекции «Модули» курса «Продвинутый JavaScript» Нетологии
https://github.com/yuriyvyatkin/ajs-hw-2.1-webpack
webpack
Last synced: 3 months ago
JSON representation
ДЗ №1 к лекции «Модули» курса «Продвинутый JavaScript» Нетологии
- Host: GitHub
- URL: https://github.com/yuriyvyatkin/ajs-hw-2.1-webpack
- Owner: yuriyvyatkin
- Created: 2021-06-12T05:37:41.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-08-08T02:02:23.000Z (about 4 years ago)
- Last Synced: 2025-06-08T11:50:40.761Z (4 months ago)
- Topics: webpack
- Language: JavaScript
- Homepage:
- Size: 196 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Домашнее задание №1 к лекции «Модули»
## Webpack
### Легенда
Ваш проект разросся и необходимо его разделить на модули. Модули помогают обеспечить изолированность кода и внести порядок в проект. Но для работы с модулями необходимо настроить загрузчик модулей (удостоверьтесь с помощью сервиса [caniuse.com](http://caniuse.com/) что модули поддерживаются не везде).
### Описание
Используйте следующую структуру, чтобы настроить экспорт в бандл:
- каталог `src`:
- каталог `css`
- файл `style.css` (в качестве содержимого используйте `body { color: #999; }`)
- каталог `js`
- файл `app.js` (в качестве содержимого используйте `console.log('app worked')`)
- файл `index.html` (шаблон для HTMLWebpackPlugin) (содержимое файла - произвольно, скрипты и стили должны подключаться автоматически, за счёт использования HTMLWebpackPlugin и MiniCssExtractPlugin)
- файл `index.js` (Webpack entry point)
- файл `webpack.config.js`
- файл `package.json`
- другие файлы
Убедитесь, что после экспорта, бандл запускается и работает (создайте для этого скрипт в npm, который запускает HTTP-сервер для каталога `dist`). HTTP-сервер выберите сами.