几年前,我为Webpack 1.x构建了一个插件,该插件的创建是使用代码注释将生成的CSS包拆分为单独的文件。如果您有兴趣,可以在这里查看此插件的源代码和建议的用法:https://github.com/i-like-robots/extract-css-block-webpack-plugin
插件的工作方式是点击编译器的emit
钩子,然后与编译一起找到任何CSS文件,获取它们的源代码,然后将所有新文件追加到编译资产列表中。
在更新此插件以使其与Webpack 4.x一起使用时,我已经意识到这种方法的局限性。延迟进入此过程意味着该插件无法遵守任何文件或块文件名模式,例如[name].[contenthash].css
。
那我应该挂入什么编译器或编译事件以接收完整的CSS包,还可以在发生任何文件或块哈希之前添加新文件?