浅谈webpack+react多页面开发终极架构(3)

const path = require("path"); const getEntry = require("./webpackConfig/getEntry"); //入口配置 const entry = getEntry("./src"); const htmlArr =require("./webpackConfig/htmlConfig");// html配置 module.exports = (env, argv) => ({ entry: entry output: { path: path.resolve(__dirname, 'dist'), filename: '[name].js' } ....//其他配置 devServer: { port: 3100, open: true, }, plugins: [ ...htmlArr ] })

这样一个自动化完整的多页面架构配置就完成了，如果我们要新创建一个页面

1.在src下创建一个文件目录
2.在新创建的文件目录下添加index.js（必须，因为是webpack打包入口文件）
3.在新创建文件夹下添加pageinfo.json（非必须） 供html插件使用
4.npm run dev开发

完整代码参考项目code

版本

版本 日期 分支 备注
2.0   2018-11-08   master   优化html插件自动化  
1.0   2018-10-07   version1.0   第一版