Javascript 使用Web包添加和删除样式表

Javascript 使用Web包添加和删除样式表,javascript,css,webpack,Javascript,Css,Webpack,我对为我的SPA使用WebPack很感兴趣(我以前从未使用过),它将有几个页面,每个页面都有自己的JS、CSS和HTML包 首先,有没有一种方法可以删除Web包中没有使用的样式表?从表面上看,似乎没有。例如,假设我有一个#wrapperdiv,对于大多数页面,它需要有一个宽度:auto,但是对于需要全屏显示的特定页面,它需要有一个宽度:100%。如果我的模块只是require()它们的样式表,那么它们都将被添加到HTML中,最后一个要加载的模块将控制宽度,而我只希望加载当前页面的样式表。有没有办

我对为我的SPA使用WebPack很感兴趣(我以前从未使用过),它将有几个页面,每个页面都有自己的JS、CSS和HTML包

首先,有没有一种方法可以删除Web包中没有使用的样式表?从表面上看,似乎没有。例如,假设我有一个
#wrapper
div,对于大多数页面,它需要有一个
宽度:auto
,但是对于需要全屏显示的特定页面,它需要有一个
宽度:100%
。如果我的模块只是
require()
它们的样式表,那么它们都将被添加到HTML中,最后一个要加载的模块将控制
宽度
,而我只希望加载当前页面的样式表。有没有办法用webpack删除样式表?还是有更好的办法解决这个问题

此外,webpack是否有样式表的回调?如果我只需要在css加载时运行一些代码(我的意思是onload回调已经启动,而不仅仅是在将标记添加到html时),有没有合适的方法