29、在WordPress主题中运用PostCSS与PreCSS库

在WordPress主题中运用PostCSS与PreCSS库

1. PreCSS库的优势

PreCSS库的突出优势在于，无需借助像libsass这样的外部库，就能直接编译类似SASS的代码。不过，它处理的是类似SASS的代码，而非直接的SASS代码。若代码不完全兼容，可使用文本编辑器进行简单的搜索和替换操作，完成格式调整。

PreCSS库的源码可在 https://github.com/jonathantneal/precss 获取，开发者还提供了在线测试平台 https://jonathantneal.github.io/precss/ ，方便我们在正式编码前进行效果测试。

2. 选择WordPress作为实践平台

选择WordPress作为实践平台，主要有两个原因：一是WordPress本身已经在使用PostCSS和SASS；二是继续使用相同工具能保持一致性。我们选用自2015年12月起随WordPress版本附带的Twenty Sixteen主题，也可从 https://wordpress.org/themes/twentysixteen/ 下载该主题。

3. 环境搭建

在开始实践前，需先搭建好WordPres