使用mutliple html / js / css文件的Webpack项目

Question

我认为我已经了解了Webpack的工作原理。我的问题是：大多数教程/示例都基于单个index.html。那么，我如何组织多个页面的webpack.config.js和目录结构？

我们假设我需要以下内容：

1. index.html包含css和js文件
2. dashboard.html包含css和js文件
3. profile.html包含css和js文件

这是我不能得到的：

1. 您如何构建src和dist文件夹？
2. 如何配置Webpack？可能与HtmlWebpackPlugin（？）
3. 单个index.js文件是否足以作为入口点/如何构建index.js文件/ ES6项目的外观如何？

示例项目会有很大帮助。一个不仅仅包含示例index.html文件的项目。

祝你有个美好的一天！ ：）

Answer 1

因此，您可以通过传入命令行arg来构建正确的包，从而使一个监视输出多个包类型。 webpack中可以有多个入口点，但webpack只能构建输出一个bundle。因此，为了解决这个问题，我认为将命令行arg传递给webpack是一种干净的方式，可以在保持一个配置文件的同时拥有多个捆绑可能性。

看看如何实现这一目标...

https://www.hipstercode.com/blog/27/