javascript - 具有多个 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

我认为您可以通过将 html+js+css 转换为 Web 组件来做到这一点，并且您可以通过框架轻松地做到这一点，我认为 Vue js 非常好样板式完整的 Webpack 模板让你这样做只是开始将另一个页面视为一个新组件记住你使用 webpack 来获得一个包