【源码】基于 webpack 的前端多页展示系统

项目简介

这是一个基于 webpack 的前端多页项目工程，适用于官网等展示型站点。项目提供了简单的工程结构与构建流程，方便开发者快速构建多页面前端项目。

项目的主要特性和功能

1. 支持 ES6 语法，通过 babel 编译，预设 env 环境。
2. HTML 支持 EJS 模板语法，可通过 underscore-template-loader 和 HtmlWebpackPlugin 编译，支持自定义静态内容和引入公共组件。
3. 内置 normalize.css 和 jquery 库，可全局使用，可自行修改配置文件增减。
4. 处理 HTML、CSS、JS 文件内资源引用，使用相对路径，自动判断是否转为 base64 格式。
5. CSS 支持 autoprefixer，无需手写浏览器兼容代码，支持 @import 特性。
6. 打包采用内容 hash，文件内容不变时多次打包不改变文件名中的 hash 值。
7. 自动化构建，无需手动添加页面 webpack entry，按目录结构添加页面即可。

安装使用步骤

假设已下载本项目的源码文件，可按以下步骤操作： 1. 在项目根目录下执行 npm install 安装依赖。 2. 执行 npm run dev 启动开发服务器，在浏览器查看项目。 3. 执行 npm run build 打包项目构建生产版本。 4. 将 dist 目录下的文件部署到服务器。

需遵循项目的页面结构要求，若新增页面，可在 config/entries.js 内配置对应目录路径和名称。若需使用第三方 CDN 资源，可参考 Webpack Externals 进行配置。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】