Webpack 4 HTML Demo：普通HTML项目打包方案

简介：
本Demo展示了如何使用Webpack 4对一个普通的HTML项目进行构建和打包，帮助开发者快速上手HTML项目的模块化管理与优化。 使用webpack4-html-demonpm install命令安装依赖项。 然后运行npm run start启动项目，并通过npm run build打包项目。 ### 一个适合普通HTML多页面项目的打包方案 - **工作目录结构**： - `src`：作为整个项目的源代码根目录。 - `assets`：存放需要编译的资源文件，如图片、字体等。 - `static`：存放不需要编译的静态资源文件，直接复制到输出目录即可。 - `commons`：放置项目中所有页面共用的公共JS和CSS资源。 - `views`：用于存放各个HTML页面及其对应的JavaScript和CSS文件。每个子目录下必须包含三个文件： 1. `.js` 2. `.css` 3. `.html` - **主要功能**： - 使用`main.js`引入所有共用的资源。 - 打包方案会自动读取并处理位于`src/views/`目录下的各个子页面，将每个页面对应的CSS和JS文件打包进该HTML文档中。因此，在HTML文件里无需手动添加或