通过配置 webpack 的 entry，webpack 为我们生产了一系列 chunk。但是我们需要把这些 chunk 注入到 HTML 里才可以在浏览器里运行起来。 WebPlugin可以方便的帮你把 chunk 注入到 HTML 里。

new WebPlugin({
	filename: 'index.html',
	requires: {
		'ie-polyfill': {
			_ie: true,
		},
		inline: {
			_inline: true,
			_dist: true,
		},
		dev: {
			_dev: true,
		},
		//load a local google analyze file direct without local var webpack
		'./google-analytics.js': {
			_dist: true,
		},
	},
});

通过requires属性可以配置 chunk 注入到 HTML 里的方式。requires的值可以是一个数组或是一个 object。

• 为数组时，数组里的每一项都是 chunk 的名称。
• 为 object 时，可以配置每个 chunk 的注入方式

支持以下注入方式

• _dist 只有在生产环境下才引入该资源
• _dev 只有在开发环境下才引入该资源
• _inline 把该资源的内容潜入到 html 里
• _ie 只有 IE 浏览器才需要引入的资源，通过 [if IE]>resource<![endif] 注释实现

这种方式没有使用 HTML 模版，WebPlugin会采用默认的模版来生成一个 HTML。如果你想要更细粒度的控制 chunk 的注入位置，你最好使用模版。