быстрое прототипирование с помощью webpack или аналогичного

Мне интересно, есть ли быстрый инструмент прототипирования, который я могу использовать для ускорения статической разработки html и css.быстрое прототипирование с помощью webpack или аналогичного

Мой рабочий процесс обычно заключается в том, чтобы сначала создать html и css перед любым программированием. Я, как правило, строю страницы один за другим, и отдельные общие элементы включают в себя, чтобы сохранить его сухим.

В прошлом я использовал PHP или что-то еще, чтобы включить все вместе.

Мне интересно, могу ли я достичь этого с помощью веб-пакета.

у меня будет 1 HTML файл/страница
В каждом HTML файл, мне нужно, чтобы включить HTML fragements из других статических файлов
мне нужно МЕНЬШЕ компиляции (я могу сделать это с WebPack)
I Кроме того, необходима горячая перезагрузка для CSS (это легко)
Я также нуждается в горячие перезагрузках работать, когда я изменить фрагмент HTML (например, заголовок колонтитула) Мне нужна вся страница, чтобы перезагрузить

есть ли что-то, что я мог бы использовать для этого?

Спасибо для смотреть

источник

2017-02-21 Istvano

Посмотрите в [Мопс] (https://pugjs.org/api/getting-started.html) –

Webpack Development Server делает это очень просто. У этого есть горячая перезагрузка, все такое. Очень легко настроить, у меня есть проект семян, который я использую.Я просто копирую его (он имеет конфигурацию заголовка/нижнего колонтитула/маршрутизатора, все готовые к работе), а затем записывают код. Также для действительно статического материала вы можете просто загружать HTML-страницы в один компонент (так что вам не нужен компонент при каждом изменении вида). –

Забыл упомянуть, если вы хотите, чтобы мои настройки webpack и файлы package.json (на самом деле это суть всего этого), просто сообщите мне. Вы запускаете npm install и в основном все настроено, вы запускаете npm run watch и npm run serve, и вы разрабатываете/перезагружаете, вы запускаете npm run prodbuild, и вы получаете свой комплект. Очень просто. –

Используйте HTML Webpack Plugin и шаблон двигатель вашего выбора, который поддерживает фрагменты/партиалы.

Отъезд The template option в формате HTML Webpack Plugin.

источник

2017-02-21 20:28:23 floriangosse

Если вам это нужно, возможно, вам следует создать собственный инструмент , который подходит для ваших нужд.

Вот некоторые возможные варианты, которые вы могли бы рассмотреть:

express и некоторые шаблонизатор (pug или mustache)
webpack с HTML Plugin как предложено @floriangosse
grunt или gulp с наблюдателем плагины для компиляции ваших шаблонов и таблиц стилей
browserSync для перезагрузки stu ff в браузере

Я бы пошел с веб-пакетом, так как он предоставляет много этого из коробки (+ загрузчики). Я нашел полезным создание небольшого репозитория, содержащего конфигурации webpack для dev, production и некоторую базовую конфигурацию, на которую вы можете наследовать, общую папку с вашим html и скриптом npm или файл gulp/grunt для его запуска.

редактировать Я не предлагаю, чтобы построить свой собственный инструмент, а скорее свой собственный набор настроить инструмент

источник

2017-02-21 20:37:21 teekay

быстрое прототипирование с помощью webpack или аналогичного

ответ

Смежные вопросы