webpack多页环境

主要功能:

1. 多页环境配置
2. 可导入scss,autoprefixer自动加css前缀  
3. babel将es6转译成es5
4. 小图片转成base64
5. 本地服务器调试

配置说明:

1. static 文件下存放静态资源,如不想被webpack的打包的第三方库
2. index.html 默认html模板
3. src/entry 为文件入口,每个文件对应一个入口 注:必须有index.js
4. src/html 可制定html模板 需要与入口文件同名 如index.js-->index.html
5. 引入文件不被打包说明
   第三方库本地文件 static/lab/jquery.js 可在html模板中加入 <script src="/lab/jeuery.js"></script>

指令:

npm i 安装依赖
npm run dev 开起本地服务器
npm run build 打包

项目布局

.
├── build                                       // webpack配置文件
├── config                                      // webpack配置参数
├── dist                                        // 打包文件
├── static                                      // 静态资源目录
├── src                                         // 源码目录
│   ├── html                                    // 制定模版
│   ├── entry                                   // 入口文件,index为主页
│   ├── css                                     // css文件
│   ├── js                                      // js模块
│   └── assets                                  // 资源
└── index.html                                  // 默认html模版文件