Web开发

首页 » 常识 » 问答 » 一劳永逸由浅入深配置webpack4
TUhjnbcbe - 2021/8/14 19:50:00
点击上方“前端娱乐圈”,选择“设为星标”第一时间推送新姿势!前言

webpack在前端化过程中十分重要,所以花了一段时间学习webpack,以及webpack4新特性,本文是按照从易到难的过程,梳理部分webpack概念,常见的loader,plugins,webpack4新特新,还有部分高级概念。

webpack需要掌握的核心概念??

Entry:webpack开始构建的入口模块Output:如何命名输出文件,以及输出目录,比如常见的dist目录。Loaders:作用在于解析文件,将无法处理的非js文件,处理成webpack能够处理的模块。Plugins:更多的是优化,提取精华(公共模块去重),压缩处理(css/js/html)等,对webpack功能的扩展。Chunk:个人觉得这个是webpack4的CodeSplitting产物,抛弃了webpack3的CommonsChunkPlugin,它最大的特点就是配置简单,当你设置mode是production,那么webpack4就会自动开启CodeSplitting,可以完成将某些公共模块去重,打包成一个单独的chunk。

此次学习webpack4新特性,基本上按照

1
查看完整版本: 一劳永逸由浅入深配置webpack4