使你的webpack插件变得更加优秀

// ① 定义插件类
class HelloWorldPlugin {

    // ② 实现apply函数(固定写法),提供给编译器调用
    apply(compiler) {
          // ③ hook对应的生命周期
        compiler.hooks.done.tap(
            'Hello World Plugin',
            (
                stats
            ) => {
                  // ④ 做具体的功能实现
                console.log('Hello World!');
            }
        );
    }
}

module.exports = HelloWorldPlugin;

const schema = {
    // 一般插件的构造器接收一个options对象
    type: 'object',
    // 定义选项中各个属性的类型
    properties: {
        // 属性名称
        name: {
            // 属性类型
            type: 'string',
            // 属性描述
            description: "The plug-in name.",
        },
    },
    // 是否允许添加额外的属性,禁止的情况下,添加的属性必须在schema中定义
    additionalProperties: false,
};

module.exports = schema

const validate = require('schema-utils').validate;
const schema = require('./options.schema');

module.exports = {
 mode: 'development',
 plugins: [new HelloWorldPlugin({ name: "HelloWorldPlugin" })],
};

constructor(options = {}) {
  validate(schema, options, {
 name: 'HelloWorldPlugin',
 baseDataPath: 'options',
  });
  this.options = options;
}