语言►nodejs►库►postcss

PostCSS的配置文件

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/11/03/PostCSS%E7%9A%84%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6/

摘要

本文主要讲述了：

  1. 配置文件格式
  2. package.json
  3. 配置文件查询

正文

配置文件格式

PostCSS 的配置文件可以用 3 种文件格式编写：

  1. JavaScript .postcssrc.js或postcss.config.js
  2. JSON .postcssrc.json或.postcssrc（不推荐使用）
  3. YAML .postcssrc.yaml或.postcssrc.yml或.postcssrc（不推荐使用）

示例：learn_postcss/.postcssrc.js或learn_postcss/postcss.config.js

1
2
3
4
5
module.exports = {
  plugins: {
    'postcss-preset-env': {},
  },
};

示例：learn_postcss/.postcssrc.json

1
2
3
4
5
{
  "plugins": {
    "postcss-preset-env": {}
  }
}

示例：learn_postcss/.postcssrc.yaml或learn_postcss/.postcssrc.yml

1
2
plugins:
  postcss-preset-env: {}

package.json

除此之外，配置还可以写在package.json的postcss字段里。

当package.json中存在postcss字段时，独立配置文件将被忽略。

示例：learn_postcss/package.json

1
2
3
4
5
6
7
{
  "postcss": {
    "plugins": {
      "postcss-preset-env": {}
    }
  }
}

配置文件查询

默认情况下，PostCSS 会从文件所在目录开始并逐级向上寻找配置文件。

直到找到一个配置文件或已经到达根目录时，才会停止。

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/11/03/PostCSS%E7%9A%84%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6/

本文对你有帮助？请支持我

支付宝
微信