Я пытаюсь найти способ сделать polyserve/polymer-cli, чтобы перезагрузить мой браузер каждый раз, когда «наблюдаемый» файл изменяется, но я ничего не нашел кроме добавления Livereload в файлы HTML, которые, я думаю, будут из-за того, что при разработке веб-компонентов я загружаю отдельные HTML-файлы.Часы и зарядные устройства для полимеров/polyserve?
Для автоматической перезагрузки с использованием Polymer CLI в качестве сервера в вашем проекте вы должны установить node/yarn. Затем вам нужно установить локально browser-sync.
npm install -D browser-sync
или
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 аргумент то есть для разработки полимерных компонентов)
Спасибо большое! Это сработало. Если кто-нибудь запустит сервер под https, как я помню, чтобы передать '--https' на' browser-sync' для правильной работы. – AlbertFM
Для этой функции существует [PR] (https://github.com/PolymerLabs/polyserve/pull/135). Вы можете дождаться, когда это приземлится, или обновите свою сборку, чтобы использовать 'gulp', и добавьте плагин live reload (например, [' browsersync'] (https://browsersync.io/docs/gulp)). Вы также можете заглянуть в [Polymer Starter Kit 1.3.0] (https://github.com/PolymerElements/polymer-starter-kit/releases/tag/v1.3.0) (старый), чтобы узнать об использовании их браузеров. – tony19