create-react-app多页面配置

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

当前create-react-app v 3.0.1

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

cd test

npm run eject

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

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

《create-react-app多页面配置》

2, output的修改

《create-react-app多页面配置》

修改成

《create-react-app多页面配置》

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

《create-react-app多页面配置》

自己添加的一份demo

《create-react-app多页面配置》

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

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

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

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

《create-react-app多页面配置》

有问题欢迎加群 2751786 @陌路

    原文作者:hanweimin
    原文地址: https://segmentfault.com/a/1190000019357253
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞