【问题标题】:Django + webpack + reactjs: how to generate multiple pages by separate reactjs code for each urlDjango + webpack + reactjs:如何通过单独的reactjs代码为每个url生成多个页面
【发布时间】:2018-10-09 13:12:32
【问题描述】:

我正在尝试关注:

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 打包

【问题讨论】:

  • 有什么解决办法吗?我也需要
  • 如何在开发过程中提供文件? 我们将 npm 模块存储在哪里,在收集静态文件的文件夹中,或者在应用程序内部的专用文件夹中,所以创建多个 npm 项目。我假设我有多个需要 webpack 的应用程序

标签: django reactjs webpack


【解决方案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 命令

【讨论】:

  • 好的。我会试试这个。
猜你喜欢
  • 2019-08-12
  • 2022-01-26
  • 2017-06-04
  • 2021-07-17
  • 1970-01-01
  • 2023-03-16
  • 1970-01-01
  • 2020-10-11
  • 2021-12-27
相关资源
最近更新 更多