// 简单实现一个自定义打印插件⬇️
// 1、webpack的插件可以是个函数,也可以是个类;
// 2、插件的原型上需要设置一个apply方法,当webpack创建compiler对象时会调用各个插件上的apply方法并且传入compiler对象作为参数;
// 3、绑定监听done事件
class CustomDonePlugin {
apply(compiler) {
compiler.hooks.done.tap('CustomDonePlugin', stats => {
console.log(' _ooOoo_')
console.log(' o8888888o')
console.log(' 88" . "88')
console.log(' (| -_- |)')
console.log(' O\\ = /O')
console.log(" ____/`---'\\____")
console.log(" .' \\\\| |// `.")
console.log(' / \\\\||| : |||// \\')
console.log(' / _||||| -:- |||||- \\')
console.log(' | | \\\\\\ - /// | |')
console.log(" | \\_| ''\\---/'' | |")
console.log(' \\ .-\\__ `-` ___/-. /')
console.log(" ___`. .' /--.--\\ `. . __")
console.log(' ."" \'< `.___\\_<|>_/___.\' >\'"".')
console.log(' | | : `- \\`.;`\\ _ /`;.`/ - ` : | |')
console.log(' \\ \\ `-. \\_ __\\ /__ _/ .-` / /')
console.log("======`-.____`-.___\\_____/___.-`____.-'======")
console.log(" `=---='")
console.log('^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^')
console.log(' 佛祖保佑 永无BUG')
})
}
}
// 4、使用插件
config.plugin('CustomDonePlugin').use(new CustomDonePlugin())
// ----------- 实现效果如下⬇️ --------------
webpack设置终端打印
最新推荐文章于 2024-08-05 15:09:20 发布
本文介绍了如何在Webpack中实现一个简单的自定义打印插件,包括创建一个类,设置apply方法监听done事件,以及在配置文件中使用该插件。作者演示了如何在编译完成后输出特定的文本图案。
摘要由CSDN通过智能技术生成