Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.11.2018, 01:05
Интересующийся
Отправить личное сообщение для melnikov24 Посмотреть профиль Найти все сообщения от melnikov24
 
Регистрация: 24.08.2018
Сообщений: 12

webpack кнопка
Помогите мне с заданием пожалуйста пока что в webpack не силён

Напишите модуль «Кнопка», который содержит кнопку для вставки на веб-страницу. Кнопка обладает простой функциональностью: при каждом клике на ней отображается количество сделанных кликов (1 клик, 2 клика, 3 клика и т.д.).

Кнопка должна быть описана в отдельном модуле и состоять из двух файлов:

button.js — JavaScript-код кнопки и ее логика

button.css — стили кнопки по умолчанию (произвольные)

CSS-стили приложения, описанные в button.css, должны подключаться к файлу button.js как зависимость при помощи import.

Основной код приложения должен располагаться в файле index.js, куда модель button.js должен подключаться при помощи import. Приложение должно разместить импортируемую кнопку на HTML-страницу.

Также необходимо настроить webpack следующим образом:

Сборка приложения в единый bundle
Транспиляция кода с использованием babel
Сохранение CSS-стилей приложения при помощи style-loader, css-loader и ExtractTextPlugin
Результат выполнения задания — архив, который должен содержать полный набор файлов приложения:

1. index.html для запуска и проверки
2. папка src с исходниками приложения
3. папка build с собранным бандлом приложения (build.js, build.css)
4.webpack.config.js
5.package.json
6. babelrc и другие файлы, которые требуются для сборки

Все эти файлы надо скинуть архивом
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как подключить Bootstrap для webpack 2? Jussia Библиотеки/Тулкиты/Фреймворки 1 24.06.2017 19:32
webpack 1.12.13 ругается Cannot resolve 'file' or 'directory' ./img/readme2.png alexandr2006 Сборка проекта, утилиты 4 11.02.2017 22:09
Кнопка "Добавить в закладки": как сделать? pingvinludoed Javascript под браузер 0 11.04.2016 12:07
Не работает кнопка "Наверх" dle 9.3 dunek_ Opera, Safari и др. 1 25.05.2013 18:26
Кнопка с запросом Logo424 Javascript под браузер 12 20.05.2013 19:29