18、深入探索PostCSS插件开发

深入探索PostCSS插件开发

1. PostCSS插件基础文件

当我们探索托管在GitHub上的任何PostCSS插件的源代码时，会发现有许多不同的文件。尽管每个插件的文件并不完全相同，但通常会有一些常见的文件，它们构成了插件架构的一部分：
- index.js ：包含每个插件的主要功能。
- package.json ：用于配置和管理本地安装的NPM包。
- test.js ：包含确保插件按预期工作所需的测试。

下面我们详细探讨这些文件。

1.1 index.js

任何插件的核心都围绕着 index.js 。我们首先引用PostCSS（作为插件的依赖项），然后是 exports 函数，它向使用插件的人暴露功能。示例代码如下：

var postcss = require('postcss');

module.exports = postcss.plugin('myplugin', function(options) {
  return function (css) {
    options = options || {};

    // Processing code will be added here
  }
});

1.2 package.json

package.json <