1. 使用create-react-app脚手架搭建react项目
新建项目文件夹,install create-react-app
npm install -g create-react-app
进入到项目文件夹中:
create-react-app app
cd app
启动项目:
npm start
2. 将项目webpack配置项分离开
npm run eject
此过程对create-react-app是不可逆的过程。
执行完此命令后会在app的目录下生成一个config文件夹,里面有webpack.config.dev.js等文件,具体如下图所示:
3. 修改config目录下的webpack.config.dev.js文件
在此项目中我配置四个入口文件,分别是home.html, info.html, user.html, index.html。
a. 修改入口配置:
在webpack.config.dev.js文件中的entry中修改:
注意: 如果entry只有一个入口文件的时候是一个数组,有多个入口文件的时候则改为一个对象
entry: {
home: [
require.resolve('react-e