webpack-multi-page-app

目录结构

|-- src/
|   |-- common -- 公共目录
|       |-- index.js
|       |-- index.scss
|       |-- components/ -- 公共组件
|           |-- _header.html
|           |-- ...
|       |-- images/ -- 公共图片
|       |-- scss/ -- 公共样式
|           |-- _variables.scss
|           |-- _reboot.scss
|           |-- ...
|   |-- pages/
|       |-- page-a/ -- 单页目录
|           |-- images/ -- 单页图片
|           |-- scss/ -- 单页样式
|           |-- index.html
|           |-- index.css
|           |-- index.js
|       |-- page-b/
|           |-- images/
|           |-- scss/
|           |-- index.html
|           |-- index.css
|           |-- index.js
|       |-- (更多页面)

使用手册

引用 html 组件

<%= require('html-loader!components/_header.html').default %>

参考项目

cfour-hi/webpack-multi-page

freyhill/react-multi-page-app