我正在想办法让 polyserve/polymer-cli每次“监视”文件更改时重新加载我的浏览器,但除了添加 Livereload 之外我没有发现任何其他内容我认为 HTML 文件会变得一团糟,因为在开发 Web 组件时我加载了单独的 HTML 文件。
最佳答案
要使用 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
参数,因为这是用于 Polymer 组件开发的)
关于polymer - 观看并重新加载 polymer 服务/polyserve?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41347281/