webpack基本用法

 

1.webpack核心概念之entry

在用webpack打包的时候会出现一颗依赖树，那么是怎么打包的呢？就是找到entry的入口，从入口开始依次去找依赖最终生成打包后的资源，这些资源包括js,css,jpg,png等等

单入口适合单页运用，多入口适合多页应用

2.webpack核心用法之output

output用于告诉webpack如何将打包后的文件输出到磁盘（输出到磁盘的哪个目录，输出的文件名称叫什么等）

单入口的output配置只需要配置文件名称filename和输出路径path即可

多入口的output配置需要先配置占位符，[ name],中括号就是占位符，name表示即将传进来的名称

以上是例子，当多入口后打包出来将会是两个文件

3.webpack核心概念之loaders

webpack本身只能解析原生的js，和json，所以类似于ts,vue,jsx等等文件是无法编译的，所以就需要借助loaders来识别编译这些文件使之成为webpack能识别的文件

4.webpack核心之plugins

plugins用于增强webpack的功能，通常用于打包输出的js的优化资源管理和环境变量注入等，也可以理解为任何loaders无法完成的事情plugins都能完成

作用于整个构建过程

5.webpack核心概念之mode

设置好之后会默认的开始开发阶段或者生产环境下的默认参数

7.解析es6