带有多个 html/js/css 文件的 Webpack 项目答案

【问题标题】：Webpack project with mutliple html / js / css files带有多个 html/js/css 文件的 Webpack 项目
【发布时间】：2018-01-19 05:10:58
【问题描述】：

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

假设我需要以下东西：

这是我没有得到的：

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

祝你有美好的一天！ :)

【问题讨论】：

【解决方案1】：

我认为你可以通过将 html+js+css 转换为 Web 组件来做到这一点，并且你可以通过框架轻松地做到这一点，我认为 Vue js 提供了非常好的样板完整的 Webpack 模板让你这样做只是开始考虑其他页面作为新组件记住你使用 webpack 来获取包

【讨论】：

也就是说，每一行代码都加载到每个 *.html 文件中？那岂不是很傻？将大量未使用的 js 加载到一个轻量级的 just-text.html 文件中？ :)
好吧Vue js 解决了这个问题，假设你有一个照片库，它是js+css+html，当然还有js lib 让它们工作，Vue 只会在你加载它时初始化画廊作为新页面的一个组件，如果它有不错的 API，你可以杀死画廊并从内存中删除它，所以它是关于 init 和 kill 以获得更好的 js 负载

【解决方案2】：

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

查看如何完成结帐...

【讨论】：