Django+webpack+reactjs : how to generate multiple pages by separate reactjs code for each url

Question

我正在尝试遵循:

https://medium.com/uva-mobile-devhub/set-up-react-in-your-django-project-with-webpack-4fe1f8455396

适用于 webpack + django + Reactjs

具有以下目录结构

repodirectory/
├── mysite/ 
│   └── mysite/              # project
│   └── polls/               # app 
│       └── static/ 
│           └── bundles/     # generated by webpack
│           └── js/
│       └── templates/ 
│           └── polls/ 
│               └── index.html/
│               └── questions.html/
│   └── manage.py
│   └── webpack-stats.json   # generated by webpack
├── .babelrc
├── package.json
├── webpack.config.js
├── node_modules/ #contains our JS dependencies

我有两个网址:

http://127.0.0.1:8000/polls/ -- 使用index.html模板

http://127.0.0.1:8000/polls/questions/ -- 使用 questions.html 模板

但我只有index.js，我在其中编写reactjs代码

那么如何为每个url编写单独的reactjs代码，然后使用webpack将其捆绑

Answer 1

改变

entry: './mysite/polls/static/js/index',

至

entry: {
  main: './mysite/polls/static/js/index',
  HomeApp: './mysite/polls/static/js/HomeApp',
},

在webpack.config.js中并重新运行npm run watch命令