目录结构（先创建好）简单说明一下下面有代码的直接粘贴复制有些没有代码的这里先解释一下1.node_modules这个文件夹没什么好说的2.src这个文件夹里面就是我们需要写的（1）.src/component这里一般都是方组件的我没有写组件所以这里空空如也（2）.src/pages这里放的就是打包的页面了（3）.src/pages里面pageinfo.json这个文件是配置单独页面的一些seo之类

直接在项目中使用，我的webpack4+react的一个开源项目，很早之前写的移动端项目，大家有兴趣可以

最近做一个新项目，使用webpack4+react搭建前端的多页面开发环境，这里分享一下自己的配置，开箱即用，有需要的可以参考一下~原文地址,github地址，欢迎star~一.目录结构mall-wap

webpack4+react配置多页面移动端应用程序前言技术栈项目目录结构移动端适配方案webpack配置基础配置开发环境配置react+redux热重载生产环境配置.babelrc配置总结前言最近在搞一个基于

直接在项目中使用，我的webpack4+react的一个开源项目，很早之前写的移动端项目，大家有兴趣可以

非原创，只是根据代码，重复做一遍，记录自己的知识点。推荐原博地址：https://github.com/vortesnail/blog/issues/4一、webpack安装1、初始化命令【npminit-y】:该命令会生成一个package.json文件，是配置文件。这个文件定义了项目需要的模块、项目配置信息（如名称、版本）。【npminstall】:根据配置文件安装所需要的模块，配置项目需要的

前提：安装webpack、webpack-cli一、首先先让出来一个页面有内容先添加.gitignore，将git该忽略的文件列出来；由于之前对webpack做的事情进行了练习，因此，直接让webpack打包出bundle.js文件，新建index.html，将打包文件手动引进，配置webpack构建文件的输入输出。即，页面就会正常出来，不过是通过本地html文件打开的。二、想实现实时预览功能（安

webpack在单页面打包上应用广泛，以create-react-app为首的脚手架众多，单页面打包通常是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口，比如不同的h5活动，或者需要支持seo的官方网站，都需要多个不同的html，webpack-react-multi-page架构让你可以实现多页面架构，在项目开发中保证每个页面

下面我们来配置下webpack4+react的开发环境，之前都是针对webpack4+vue的。下面我们也是在之前项目结构的基础之上进行配置下。