5

通过各种百度, 整理出一份配置步骤,望有助于需要的朋友

当前create-react-app v 3.0.1

//基本步骤
create-react-app test

cd test

npm run eject

//调整webpack.config.js的几个地方

1, entry 由数组修改成对象形式

clipboard.png

2, output的修改

clipboard.png

修改成

clipboard.png

3, HtmlWebpackPlugin
index默认的修改成如 图:

clipboard.png

自己添加的一份demo

clipboard.png

至此, 添加了一份demo的配置就完成了, 可以访问

首页 localhost:3000/index.html
demo页: localhost:3000/demo.html

无需像网上及webpack文档说的,dev下还需要修改hot配置页面

另外,如果有需求像访问 localhost:3000/demo/index.html 这样的地方,只需要针对上面的步骤修改一个地方即可

clipboard.png

有问题欢迎加群 2751786 @陌路


hanweimin
82 声望2 粉丝