Vue、Webpack4和mini-css-extract-plugin打包产生空CSS文件的解决方案
在使用Vue、Webpack4和mini-css-extract-plugin结合按需加载模式时，如果Vue文件中包含空的标签，可能会导致打包后的CSS文件为空。 以下提供解决方法：
一种有效的解决方法是修改mini-css-extract-plugin的源码，过滤掉无效的模块。 您可以尝试以下代码片段：
const renderedModules = Array.from(chunk.modulesIterable).filter(module => module.type === MODULE_TYPE && module.content);
问题分析及相关资源：
立即学习“前端免费学习笔记（深入）”；
- Vue-loader的局限性： Vue-loader无法自动去除注释和无效代码，这可能是导致空CSS文件出现的原因之一。
- 相关讨论： 您可以参考SegmentFault上的相关讨论：链接 获取更多信息和解决思路。
-
mini-css-extract-plugin源码分析： 深入了解
mini-css-extract-plugin的源码可以帮助您更好地理解问题并找到解决方案：链接
通过以上方法，您可以有效地解决Webpack打包过程中产生的空CSS文件问题，确保您的项目能够正常运行。
