我想使用 Angular 4、Webpack 和 HMR 进行设置。
我最关心的部分实际上是样式替换。我做了一些功课,到目前为止还没有找到可行的解决方案。
只是为了检查:是否有人为此提供开箱即用的解决方案?
如果没有,那么我想我需要更多地理解这个话题:
1) Angular 用于将组件特定属性分配给 css 的算法是什么?
2)Angular中是否有任何API(它是JavaScript,所以我不介意它是公共的还是实现细节/“隐藏”)可以让我重新加载/替换给定组件的样式?我对 HMR 做了一些研究,如果存在这样的 API 或者它是可行的,那么我很想尝试使用它。
3)请验证我的假设是否正确:从技术角度来看,这应该不会太难 - Angular(至少在我的设置中)将所有样式加载为<style>
标签 - 如果我没有弄错每种组件类型的话。
<style>
如果这一切都是真的,那么找到正确的标签并将其内容替换为我从 Webpack HMR 获得的内容应该不是什么大问题。
唯一的问题是应用隔离 - 编译 css 并在其中应用 [__ngSomething] 属性。