什么是 neutrino-preset-postcss？
neutrino-preset-postcss 是一个提供 postcss 功能的 npm 包，它能够轻松配置 PostCSS 的相关插件和选项，使得我们可以通过使用简单的 API 进行快速的配置。其特点是不需要繁琐的配置，只需要非常少量的配置就可以实现 PostCSS 功能。
如何使用 neutrino-preset-postcss？
安装
使用 npm 安装获取 neutrino-preset-postcss：
npm install --save-dev neutrino-preset-postcss
如何使用
在项目中引入 neutino-preset-postcss，通过修改 .neutrinorc.js 文件，添加neutrino-preset-postcss选项即可：
// .neutrinorc.js
module.exports = {
use: [
"neutrino-preset-postcss",
],
};默认的配置通过了我们使用 PostCSS CSS 预处理器的大多数功能：
-- -------------------- ---- -------
-------------- - -
---- -
--------------------------
--
-------- -
---
- --------
-
- ------------------
--
-------- -
---------- -----
-------- -
--------------------------
---------------------------
------------------------
--
--
--
--这样就完成了 neutrino-preset-postcss 的引入。
示例代码
-- -------------------- ---- -------
--------------------------------------
-------------- - -
---- - ------------------------- --
-------- -
-------- -
-------- -
--------------------------
----------------------------
--------- - ----------------- ----- --
---
-------------------
--
--
--
--通过以上配置，我们实现了一个新的样式和环境，并且关闭了 cssnext 的自定义属性，同时保留了 cssnano 的压缩效果。
总结
neutrino-preset-postcss 是插件灵活且配置简单的 PostCSS 预处理器，并且其集成了大多数 PostCSS 插件，令我们非常方便地使用。希望以上对大家的 postcss 的学习、实践带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600555cb81e8991b448d2e1b