编写自定义插件 webpack 的步骤如下：
1. 创建一个新项目，并安装 webpack 和相关插件
首先，需要创建一个新的项目，并在项目中安装 webpack 和相关的插件，例如 webpack-cli 和 webpack-dev-server。
可以通过以下命令安装这些插件：
“`
npm install webpack webpack-cli webpack-dev-server –save-dev
“`
2. 创建一个插件类，并实现其 apply 方法
接下来，需要定义一个插件类，并实现其 apply 方法。该方法将在 webpack 编译过程中被调用，并接收一个 compiler 对象作为参数。
插件类的具体实现可以根据自己的需求来定制，比如可以在其中添加自定义的构建逻辑。
示例代码如下：
“`
class MyPlugin {
apply(compiler) {
// 实现插件逻辑
}
}
“`
3. 在 webpack.config.js 中配置插件
接下来，需要在 webpack 配置文件中使用刚刚定义的插件类。可以通过在 plugins 数组中添加实例来完成配置。
示例代码如下：
“`
const MyPlugin = require(‘./my-plugin’);
module.exports = {
// …其他配置
plugins: [
new MyPlugin()
]
};
“`
4. 编写插件的具体实现逻辑
最后，需要根据自己的需求编写插件的具体实现逻辑。
例如，可以在插件的 apply 方法中获取编译器的 hooks，并在适当的时候注册自定义的逻辑。
示例代码如下：
“`
class MyPlugin {
apply(compiler) {
// 在 compilation 完成时触发
compiler.hooks.compilation.tap(‘MyPlugin’, (compilation) => {
// 注册自定义逻辑
});
// 在 emit 完成时触发
compiler.hooks.emit.tapAsync(‘MyPlugin’, (compilation, callback) => {
// 执行异步逻辑
callback();
});
}
}
“`
通过以上步骤的实现，就可以编写出自定义的 webpack 插件，并完成相应的构建逻辑。