帶有多個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只能構建爲輸出一個包。所以，爲了解決這個問題，我想通過一個命令行參數傳遞給webpack是一個乾淨的方式，可以在保持一個配置文件的同時擁有多個bundle的可能性。

要看到這是如何實現的結賬......

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

Answer 2

我覺得你可以做到這一點的轉換html+js+css到Web組件和u可以通過一個框架做到這一點很容易，我想Vue js給予非常好的樣板完整的Webpack模板，讓你這樣做，只是開始考慮另一個頁面作爲新組件記得你使用webpack獲得捆綁