Webpack的核心原理其实就是利用事件驱动机制，通过监听构建生命周期中的钩子来 功Neng，哈哈，你懂的。

说白了就是用~Tapable~库，在~compiler~或~compilation~对象上注册回调，咱就是说这样就Neng在特定时机干点事儿。

要实现一个自定义的Plugin，你得创建一个类或函数，然后实现~apply~方法。

在这个方法里你Ke以通过~compiler.hooks.xxx.tap~监听特定事件，比如~emit~、~done~啥的。

比如说在~emit~钩子中，你就Ke以操作~compilation.assets~生成新文件，害，这就hen灵活了。

Tapable库为webpack提供了统一的插件接口，是webpack的核心功Neng库。

webpack目前有十种hooks，Tapable统一暴露了三个方法给插件，用于注入不同类型的自定义构建行为：tap、tapAsync、tapPromise。

Loader和Plugin是 Webpack构建Neng力的核心机制，但两者的工作原理和适用场景有本质区别。

Loader就像一个翻译员，Neng将源文件翻译后输出新的结果，并且一个文件Ke以链式的经过几个翻译员。

Loader是一个导出为函数的 Node 模块，用于对模块源码进行转换。

javascript// webpack.config.jsmodule.exports = { module: { rules: } ] }}

执行顺序规律从右到左，从下到上（类似于函数组合compose)，你得注意这点，不然就出问题了。

// loaders/strip-console-loader.jsmodule.exports = function { const result = source.replace]*);?/g, ''); return result;};

// loaders/copyright-loader.jsconst path = require;module.exports = function { const callback = this.async; setTimeout => { const copyright = `/** * Copyright ${new Date.getFullYear} 技术分享会 * Author: Webpack 实战 */`; const result = copyright + source; callback; }, );};

为啥有些网站百度不收录呢？其实有hen多原因，比如网站结构不友好、内容质量不高、外部链接太少等等，说实话，这些dou是老生常谈了但确实hen重要，不对不对，应该是还有其他原因...

可Neng网站存在死链、或者robots.txt文件配置不当，导致搜索引擎爬虫无法正常抓取网页内容，还有可Neng是网站权重太低，导致百度不愿意收录，说白了就是网站不够优秀，你得让自己的网站变得geng优秀，才有机会被收录嘛！你懂的～～～～～～～～～～～