PostCSS: ExtractTextPlugin运行两次

PostCSS是一个用于转换CSS的工具，它可以通过插件系统来处理CSS，并且可以根据需要进行自定义配置。ExtractTextPlugin是一个用于将CSS提取为独立文件的插件。

当使用ExtractTextPlugin插件提取CSS时，有时会遇到运行两次的情况。这通常是由于webpack的工作原理所致。

在webpack中，当使用ExtractTextPlugin插件提取CSS时，它会在构建过程中创建一个临时的CSS文件，并将CSS内容写入该文件。然后，webpack会继续进行其他的构建任务。在完成所有构建任务后，ExtractTextPlugin会将临时的CSS文件移动到指定的输出目录，并在HTML中引用该文件。

由于webpack的构建过程是基于依赖关系的，当某个文件发生变化时，webpack会重新构建与该文件相关的所有内容。因此，当使用ExtractTextPlugin插件提取CSS时，如果有其他文件发生了变化，webpack会重新运行构建过程，包括重新执行ExtractTextPlugin插件。这就导致了ExtractTextPlugin运行两次的情况。

为了解决这个问题，可以使用webpack的缓存机制来避免重复运行ExtractTextPlugin插件。可以通过在webpack配置中设置cache: true来启用缓存机制，这样在重新构建时，webpack会尝试复用之前的构建结果，从而避免重复运行ExtractTextPlugin插件。

总结起来，PostCSS是一个用于转换CSS的工具，ExtractTextPlugin是一个用于将CSS提取为独立文件的插件。当使用ExtractTextPlugin插件提取CSS时，有时会遇到运行两次的情况，这是由于webpack的工作原理所致。可以通过启用webpack的缓存机制来避免重复运行ExtractTextPlugin插件。