webpack 入口entry和出口output进阶用法

入口

1.单入口

单文件：

例如：  entry：‘./src/index.js’

多文件：

在你想要多个依赖文件一起注入，并且将它们的依赖导向到一个“chunk”时，传入数组的方式就很有用。

例如：

2.多入口

例如：

出口

在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下两点：

• filename 用于输出文件的文件名。
• 目标输出目录 path 的绝对路径。

1.单出口

此配置将一个单独的 bundle.js 文件输出到 /build 目录中。

2.多出口（需要和多入口搭配使用）

[name] 原文件的名字

示例：

1.单入口多文件

2.多入口

打包完成后，我们可以看到，build下生成了两个文件