什么webpack?它的官网文档写的很详细了,从浅入深。玩具的初级Level,深度优化的生产环境产品的高级Level,在上手了Webpack后对它有一定了解之后呢,就是来说一下它的插件使用。
首先说一件特别有意思的事情,webpack插件的机制是整个工具的核心骨架,而它的本身也是利用这套机制创新出来的。这么说感觉比较不容易听懂,这就的从webpack的源码看它的具体才能解释的完成。你可以理解它是一个编译器,这个编译器为插件提供 webpack插件平台。
咋样的一个玩意儿才能称为webpack插件,它的由几个特征组成:
1、 独立模块
2、 模块向外面暴漏一个js函数
3、 Prototype函数原型定义compiler对面的apply的方法
Webpack总的来说他就是一个打包、编译等的一个主流工具。它的插件的使用更多的简介了使用者不是那么难去开发这一个坏处,在angular的使用中,所有的模块化的东西全部都一起下载下来,是开发者用起来笨重不好用,而vue中的webpack插件就不同了,如果你想用其中的一些的模块呀 工具呀 什么的,就单独下载使用,简单方便好使,这就是现在主流的简单的框架使用。
webpack 的核心是 webpack 的 compiler 对象,而compiler 对象本身就是一个 Tapable 实例。compiler 对象的职责是编译 webpack 的配置对象,并返回一个 Compilation 实例。当 Compilation 实例运行时,它会创建所需的 bundle也就是编译结果了。
这次的博文就是这么多内容了,webpack插件的简单简介。