Смотреть и перезагружать полимерную подачу / полисерв?

Я пытаюсь найти способ сделать polyserve / polymer-cli для перезагрузки моего браузера каждый раз при изменении "отслеживаемого" файла, но я не нашел ничего, кроме добавления Livereload в файлы HTML, которые, как мне кажется, будут беспорядочными из-за того, что при разработке веб-компонентов я загружаю отдельные файлы HTML.


serve watch polymer reload polymer-cli
person AlbertoFdzM    schedule 27.12.2016    source источник
comment
Для этой функции ведется PR. Вы можете подождать, пока это произойдет, или обновить свою сборку, чтобы использовать gulp, и добавить плагин для перезагрузки в реальном времени (например, browsersync< /а>). Вы также можете ознакомиться с Polymer Starter Kit 1.3.0 (старый), чтобы учиться на их browsersync использовании.   -  person tony19    schedule 28.12.2016

Ответы (2)


arrow_upward
9
arrow_downward

Для автоматической перезагрузки с использованием Polymer CLI в качестве сервера в вашем проекте у вас должен быть узел / пряжа установлена. Затем вам необходимо локально установить browser-sync.

npm install -D browser-sync

or

yarn add browser-sync --dev

Ваш файл package.json должен выглядеть примерно так:

{
  "name": "MY-ELEMENT",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "npm run serve | npm run watch",
    "serve": "polymer serve --port 8080",
    "test": "polymer test",
    "watch": "browser-sync start --proxy localhost:8080 --open --startPath \"components/MY-ELEMENT\" --files \"**/*.html\""
  },
  "devDependencies": {
    "browser-sync": "^2.18.13"
  }
}

(Если это обычное приложение Polymer, вы должны удалить аргумент --startPath, поскольку он предназначен для разработки компонентов Polymer)

person David Douglas    schedule 14.11.2017
comment
Большое спасибо! Это сработало. Если кто-то запускает сервер под https, как я, не забудьте передать --https в browser-sync для правильной работы. - person AlbertoFdzM; 29.11.2017
comment
Если кто-то использует полимер-кли и запрашивает живую перезагрузку, я думаю, это означает, что у него уже установлены npm или yarn. - person vdegenne; 02.04.2018

arrow_upward
1
arrow_downward

Я использую polyserve-watch, который отслеживает, обслуживает и перезагружает веб-компоненты, используя polyserve и синхронизацию с браузером``.

С наилучшими пожеланиями

person Yves Lange    schedule 30.10.2019
comment
полимерные часы Неопубликовано в субботу, 15 августа 2020 г., 15:53:36 GMT+0800 (стандартное время Китая) developer.aliyun.com/mirror/npm/package/polyserve-watch. - person brian burnett; 01.10.2020
comment
Да он вам уже и не нужен. Я удалил его, потому что у вас есть много лучших инструментов, таких как es-dev-server. - person Yves Lange; 02.10.2020