关于Webpack plugins插件的两种写法

最新推荐文章于 2023-10-22 12:07:40 发布

奔跑的柯基

最新推荐文章于 2023-10-22 12:07:40 发布

阅读量1.3k

点赞数

文章标签： webpack javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_41453709/article/details/123505435

版权

类写法以及require方式引入

class HelloWorld {
	apply(compiler) {
		compiler.hooks.done.tap('Hello-World-Plugin', (stats) => {
			console.log('Hello World')
		})
	}
}

module.exports = HelloWorld;

// webpack.config.js
const HelloWorld = require('HelloWorld')

module.exports = {
	plugins: [
		new HelloWorld(),
	]
}

函数写法以及import方式引入

function HelloWorld() {
	const apply = (compiler) => {
		compiler.hooks.done.tap('Hello-World-Plugin', (stats) => {
			console.log('Hello World')
		})
	}
	
	return apply;
}

export default HelloWorld;

// webpack.config.js
import HelloWorld from ('HelloWorld')

module.exports = {
	plugins: [
		HelloWorld(),
	]
}