开始前做一些准备工作，安装最新的Node.js环境；（官网地址：https://nodejs.org/zh-cn/）安装npm（这个肯定是必须的）npminstallwebpack-g（安装webpack也是废话）进入项目目录，输入命令：npminit，生成一个package.json文件输入命令：npminstallwebpack--save-devfortheproject添加webpack依赖的亮点在这里---新建一个webpack.config.js；（用于配置webpack的运行方式）现在我们的webpackDemo文件夹中的结构应该是这样的：（...这里省略xxx步骤（安装vue要看什么）..有兴趣的可以留言，我可以把搭建过程分成几章一点点分享给大家）准备工作做完了，说下多页面需要配置的东西。首先我们要了解webpack中entry的配置了解单个entry的语法（简写）constconfig={entry:'./path/to/my/entry/file.js'}多个页面呢？这是官网给我们展示的多页应用webpack.config.jsconstconfig={entry:{pageOne:'./src/pageOne/index.js',pageTwo:'./src/pageTwo/index.jsjs',pageThree:'./src/pageThree/index.js'}};然后我们就有了一个想法，就是用fs遍历指定路径下的文件。***通过协议，降低编码复杂度*pernew添加一个入口，即在src/pages目录下新建一个文件夹，以页面名命名，并构建一个index.js作为入口文件*通过node的文件api扫描pages目录*这样可以得到这样的形式{page1:"入口文件地址",page2:"入口文件地址",...}object*/constgetEntries=()=>{让结果=fs.readdirSync(pagesDirPath);让条目={};result.forEach(item=>{entry[item]=path.resolve(__dirname,`./src/pages/${item}/main.js`);});returnentry;}Offermyfileformat然后需要配置entryContentmodule.exports={devtool:"source-map",mode:'development',//webpack4.x版本需要添加这个属性/*webpackentrypoint*///入口点，起点或应用程序起点entry.从这个起点开始，应用程序开始执行。如果传递一个数组，则将执行该数组的每一项。//每个HTML页面都有一个入口点。单页应用程序(SPA)：一个入口点，多页应用程序(MPA)：多个入口点。//一般指向项目入口src目录下的main.js文件：getEntries(),}出示我的git项目地址，记得切换分支feature-eslint/
