Javascript 使用Webpack设置纯HTML/CSS组件项目

我不熟悉配置

网页包

。我知道它被大量用于应用程序框架，如React、Angular等；但我不需要这些。我被要求设置一个项目，我们将在其中创建纯HTML/CSS（Sass）/JS中的组件，这些组件稍后将被组合成模板（纯粹用于设计目的）。基本上类似于它的组件在没有自身反应的情况下如何反应

我如何使用

webpack

和它附带的插件来设置一个类似于下面结构的项目

非常感谢

示例结构：

---

仅为HTML/SASS/JS设置网页包项目的方法与设置React项目非常相似。如果你用谷歌搜索Webpack4zero配置，你会发现一些非常好的文章，给你一些分步指导

Webpack 4需要以下插件： 1.html网页包插件

---

2.迷你css提取插件

感谢Jose的回复。我来看看插件。

-rootfolder:
    -dist/
    -src/
        -components/
            -progress-bar:
                -progress-bar.html
                -progress-bar.scss
                -progress-bar.js
            -accordion/
                -accordion.html
                -accordion.scss
                -accordion.js
            -alert/
                -alert.html
                -alert.scss
                -alert.js
        -templates/
            -home.html
            -user-profile.html
            -user-dashboard.html