我正在使用带有模块化/组件架构的webpack。
我的最终结果是一个网页，它使用了我想插入我的index.html的几个以前制作的组件（包括HTML，CSS，JS）。
我希望使用webpack，就像我们使用网络应用程序一样。我不想将所有HTML逻辑写入组件中的JS文件中。但是，我不确定如何将每个组件中的HTML文件与同一组件中的JS和CSS捆绑在一起，从而自动将所有这些文件捆绑到主index.html中。
有什么想法吗？我很难看到组件的HTML如何捆绑到主index.html。
我想到的结构是典型的网络应用结构：
- src/
- assets/
- components/
- compOne/
- compOne.html
- compOne.css
- compOne.scss
- compTwo/
- compTwo.html
- compTwo.css
- compTwo.scss
- index.html
- styles.scss
- index.js
- dist/