使用webpack更改路由时如何卸载css？

【问题标题】：How to unload css when changing route using webpack?使用webpack更改路由时如何卸载css？
【发布时间】：2017-03-06 22:02:40
【问题描述】：

随着angular-ui-router 改变路由卸载当前状态的css（使用angular-css）。

但是，当使用 webpack 打包 css 时，状态的 css 不会卸载。

有没有办法解决这个问题？

【问题讨论】：

您尝试过persist: false 选项吗？但我认为这是默认设置。
@EmileBergeron 没用。
是的，我想既然这是默认设置，你一定已经尝试过了。

标签： css angularjs angular-ui-router webpack webpack-style-loader

【解决方案1】：

我们找到了解决方法，但我们更希望得到真正的修复。

我们在angular-css（$cssAdd 和$cssRemove）中合并了useable styles 和两个无证广播

代码如下所示：

  $rootScope.$on('$cssAdd', function (event, stylesheets) {
    angular.forEach( stylesheets, function(stylesheet){
      if (stylesheet.use)
        stylesheet.use();
    });
  });
  $rootScope.$on('$cssRemove', function (event, stylesheets) {
    angular.forEach( stylesheets, function(stylesheet){
      if (stylesheet.unuse)
        stylesheet.unuse();
    });
  });

【讨论】：

非常优雅的解决方案。