webpack配置多页面应用
webpack配置的多页面应用,多个入口文件,html文件自动绑定对应js
安装说明
- 下载文件
- npm install 安装依赖
- npm run dev
- npm run build
使用说明
- 新增页面pageAdd
- 首先在html文件夹里添加需要新增的html文件pageAdd.html
- 在js文件夹里添加html文件对应的js入口文件pageAdd.js (名称需和html文件名对应)
- 添加js公共库
- 将公共js库如jquery等则放入js>lib文件夹中
- 在webpack配置项中加入公共库到入口文件中
entry: Object.assign(config.entries(), { // 用到什么公共lib(例如jquery.js),就把它加进vendor去,目的是将公用库单独提取打包 'vendor': ['jquery', 'avalon'] }),