在前端开发中，我们经常需要使用 CSS 预处理器来帮助我们更方便地管理样式文件。PostCSS 是其中一个流行的工具，它可以通过插件的方式扩展其功能。
其中，postcss-normalize-unicode 是一个 PostCSS 插件，用于将文本的 Unicode 标准化到 NFC 形式。这个插件可以让你避免一些奇怪的 Unicode 问题，例如汉字变形等。
安装
首先，你需要安装 PostCSS 和 postcss-normalize-unicode：
npm install postcss postcss-normalize-unicode --save-dev
使用
接下来，在你的 PostCSS 配置文件中添加 postcss-normalize-unicode 插件：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------------- - -------------------------------------
----- --- - -
----------- -
-------- ----
-
--
-----------------------------
-------------
------------ -- -
------------------------
---在上面的代码中，我们定义了一个包含一个 Unicode 字符的 CSS 规则，并使用 postcss-normalize-unicode 将该字符标准化到 NFC 形式。输出结果为：
.foo:before {
content: "ffi";
}如你所见，postcss-normalize-unicode 将字符 ffi 转换为了标准的 ffi。
配置选项
postcss-normalize-unicode 支持一些配置选项，例如可以定义使用哪种 Unicode 版本进行标准化。
postcss([normalizeUnicode({
version: '12.1.0'
})])在上面的代码中，我们指定了要使用 Unicode 版本 12.1.0 进行标准化。如果不指定版本，默认会使用最新的 Unicode 版本。
结论
postcss-normalize-unicode 是一个非常有用的工具，可以帮助你避免一些奇怪的 Unicode 问题。通过学习和掌握这个工具，你可以提高自己的前端开发能力，并更好地管理你的样式文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/46638