【问题标题】:Is it possible to implement Webpack HMR for Polymer components?是否可以为 Polymer 组件实现 Webpack HMR?
【发布时间】:2016-04-18 05:20:49
【问题描述】:
在技术上是否可以为 Webpack 实现一个加载器,该加载器利用 HMR 与保留应用程序状态的 Polymer 一起使用,例如为 React 实现的加载器,VueJS (github.com/vuejs/vue-loader ) 还是 Angular (github.com/yargalot/Angular-HMR)?
在开发过程中,当您更改聚合物组件中的文件时,不要重新加载整个应用程序会很有帮助。
【问题讨论】:
标签:
javascript
webpack
polymer
【解决方案1】:
AFAIK 没有简单的方法来做基于 Webpack 的 Polymer 元素的热重载。
这是因为与基于 Webpack 的堆栈(使用 ES2015 模块和加载器)相比,web-components/Polymer 导入依赖项(使用 HTML 导入)不同。另请参阅issue。
一旦规范最终确定,使用 ES2015 模块实现 HTML 导入是很困难的(这可能需要一些时间)。
如果您使用 redux 进行应用程序状态管理,并尽可能保持您的 Polymer 元素无状态,您至少可以为您的 reducers 使用 HMR,这在开发过程中会有所帮助。
要结合 webpack + polymer,您可以查看 this 或 this repo。