create-react-app多頁面配置

經過各類百度, 整理出一份配置步驟,望有助於須要的朋友html

當前create-react-app v 3.0.1react

//基本步驟
create-react-app testwebpack

cd testweb

npm run ejectnpm

//調整webpack.config.js的幾個地方數組

1, entry 由數組修改爲對象形式app

clipboard.png

2, output的修改spa

clipboard.png

修改爲code

clipboard.png

3, HtmlWebpackPlugin
index默認的修改爲如 圖:htm

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 @陌路

相關文章
相關標籤/搜索