webpack如何自定义插件？示例
在Webpack中创建自定义插件通常涉及以下步骤：
-
使用
module.exports导出一个类或者一个函数。 -
这个类或者函数需要实现
apply方法，这个方法会接收一个compiler对象作为参数。 -
在
apply方法中，你可以订阅Webpack的生命周期钩子，并执行自定义逻辑。
下面是一个简单的自定义插件示例，它会在每次编译时记录一条消息：
class MyCustomPlugin {
apply(compiler) {
compiler.hooks.compile.tap('MyCustomPlugin', (params) => {
console.log('编译开始！');
});
}
}
module.exports = MyCustomPlugin;然后，你可以在 webpack.config.js 文件中配置这个插件
const MyCustomPlugin = require('./MyCustomPlugin');
module.exports = {
// ... 其他webpack配置
plugins: [
new MyCustomPlugin()
]
};每次运行Webpack时，控制台都会输出 "编译开始！" 这条消息。