webpack核心概念 通俗易懂

1、Entry 可以理解为它是webpack打包的一个起点,它会自动匹配到某些依赖或者库的起点;并编译处理后输出到bundles文件中;

2、Output将编译后的 bundles 文件输出到指定的目录中;

3、Module一切皆模块简单描述就是从Entry开始递归找出所有的模块,每个模块对应着一个 bundles 文件;

4、Chunk  用于多个模块组合而成,用于代码合并与分割;

5、Loader被用于转换某些类型的模块;因为webpack不认识一些外来模块,所以要使用一些加载器,比如识别css/react/vue/png等。loader虽然是扩展了 webpack ,但是它只专注于转化文件(transform)这一个领域,完成压缩,打包,语言翻译;

6、Plugins插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量。插件接口功能极其强大,可以用来处理各种各样的任务;


亲:看完估计你对webpack 有一定了了解了吧,记得点点赞喔;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容