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新特性,基本上按照