webpack-cli

闲来无事搭了一个，基于webpack4的多页面脚手架。

开始步骤

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

项目结构

|-dist                          #打包文件
|
|-build                         #build目录
|   webpack.base.config.js      #基础文件
|   webpack.dev.config.js       #开发
|   webpack.prod.config.js      #生产
|-src                           #目录文件					
|   html                        #公用html
|   images                      #公用image
|   js                          #公用js
|   style                       #公用样式
|   pages                       #页面路径
|       index                   #index页面（默认）
|           index.js            
|           index.html             
|           index.scss          
|       other                   #其他页面
|           XXX.js
|           XXX.scss
|           XXX.html
|.babelrc
|README.md
|package.json
|

说明

• 1.开发环境可在dev里配置代理。
• 2.外部公用的html、js、style、images目录其实可以放在一个目录common下面，这个看自己喜好吧。
• 3.首页localhost:8000/index.html,其他页面localhost:8000/other
• 4.除了pages页面中的js可以为index.js，其他地方的js均不能使用index命名。