webpack

2025年01月22日

柏拉文

越努力，越幸运

一、认识

---

webpack(compiler) 针对 Webpack 特定的钩子，用于访问 Webpack 编译器的生命周期。当 Webpack 启动构建时，调用此钩子。这个钩子可以让插件直接与 Webpack 的内部机制交互。常用于在 Webpack 编译过程中注入自定义的构建逻辑。

二、语法

---

const unplugin = require('unplugin');

const plugin = unplugin.createUnplugin((options = {}) => {
  return {
    name: 'my-plugin',

    webpack(compiler) {
        compiler.hooks.compilation.tap('MyPlugin', (compilation) => {
            compilation.hooks.optimizeAssets.tap('MyPlugin', (assets) => {
            console.log('Optimizing assets...');
            });
        });
    }

  };
});

• compiler：Webpack 编译器实例。