2016-12-27 1 views
1

polyserve/polymer-cli "감시 된"파일이 변경 될 때마다 브라우저를 다시로드하지만 내가 생각하는 HTML 파일에 Livereload을 추가하는 것을 발견하지 못했습니다. 웹 구성 요소를 개발할 때 별도의 HTML 파일을로드하기 때문에 엉망이되었습니다.polymer serve/polyserve에 대한 감상 및 평가가 되었습니까?

+1

이 기능에 대해 진행중인 [PR] (https://github.com/PolymerLabs/polyserve/pull/135)이 있습니다. 착륙을 기다리거나 빌드를 업데이트하여 'gulp'를 사용하고 실시간 재로드 플러그인 (예 : [browsersync'] (https://browsersync.io/docs/gulp))을 추가 할 수 있습니다. 'browsersync' 사용법을 배우려면 [Polymer Starter Kit 1.3.0] (https://github.com/PolymerElements/polymer-starter-kit/releases/tag/v1.3.0) (구)을 들여다 볼 수도 있습니다. – tony19

답변

1

프로젝트에서 Polymer CLI를 서버로 사용하여 자동으로 다시로드하려면 node/yarn을 설치해야합니다. 그런 다음 browser-sync을 로컬에 설치해야합니다. 일반 폴리머 응용 프로그램은 당신이로 --startPath 인수를 제거해야합니다의 경우

{ 
    "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" 
    } 
} 

(:

npm install -D browser-sync

또는

yarn add browser-sync --dev

귀하의 package.json 파일은 같은 모양해야합니다 즉 고분자 성분 개발 용)

+0

고마워요! 그것은 효과가 있었다. https하에 서버를 운영하는 사람이라면 제대로 작동하려면'--https'를'browser-sync'에 전달해야합니다. – AlbertFM