Python库|django-create-react-app-0.9.0.tar.gz资源-CSDN下载

版权申诉

django

react.js

python

125 浏览量 2022-04-08 02:06:35 上传评论收藏 7KB GZ 举报

共23个文件

py：14个

txt：4个

pkg-info：2个

资源推荐

资源详情

资源评论

收起资源包目录

django-create-react-app-0.9.0.tar.gz （23个子文件）

django-create-react-app-0.9.0

MANIFEST.in 0B

PKG-INFO 4KB

create_react_app

models.py 57B

apps.py 105B

utils.py 506B

__init__.py 0B

asset.py 2KB

views.py 63B

admin.py 63B

templatetags

react_bundle_loader.py 831B

__init__.py 0B

config.py 2KB

tests.py 60B

loader.py 2KB

exception.py 698B

django_create_react_app.egg-info

PKG-INFO 4KB

requires.txt 9B

SOURCES.txt 664B

top_level.txt 47B

dependency_links.txt 1B

setup.cfg 80B

setup.py 1KB

README.md 3KB

django-create-react-app ---------------------- This app helps us to integrate the react in django project through create react app template. This app works both in dev and production mode of the react. ### Why django-create-react-app * works with the asset-manifest plugin on the frontend which is used/maintained by create react app * No Frontend code modification needed for SPA * Dev Mode works with frontend server through http (localhost:3000) Quick start ----------- ### Install ``` pip install django-create-react-app ``` Add "create_react_app" to your INSTALLED_APPS setting like this:: ``` INSTALLED_APPS = [ ... 'create_react_app', ] ``` --- # Settings Configuration ### Add Build Directory in the Settings ``` yarn build or npm run build ``` This command creates the build directory inside the react app folder. ``` REACT_BUILD_DIRECTORY = os.path.join(BASE_DIR, 'app', 'react', 'build') This is the path in which build is created ``` ### Add Below code for Collectstatic Finder to find the build folder :: ``` Build Directory created django needs to treat it static directory STATICFILES_DIRS = ( os.path.join(REACT_BUILD_DIRECTORY, 'static'), ) ``` ### Add create react app configuration into your settings:: ``` CREATE_REACT_APP = { 'DEFAULT': { 'BUNDLE_DIR_NAME': REACT_BUILD_DIRECTORY, 'FRONT_END_SERVER': "http://localhost:3000/", 'IS_DEV': False, } } ``` ### Use it in your templates :: ``` {% load react_bundle_loader %} <html> <head> {% render_bundle_css %} </head> <body> .... {% render_bundle_js %} </body> </head> ``` #Adding Multiple React Apps inside django Project ``` CREATE_REACT_APP = { 'DEFAULT': { 'BUNDLE_DIR_NAME': REACT_BUILD, 'FRONT_END_SERVER': "http://localhost:3000/", 'IS_DEV': False, "PUBLIC_PATH_DEV": "http://localhost:3000/", "PUBLIC_PATH": "/static/" } 'ADMIN': { 'BUNDLE_DIR_NAME': REACT_BUILD, 'FRONT_END_SERVER': "http://localhost:3000/", 'IS_DEV': False, }, } ``` #### is_dev: True make sure react app is running on FRONT_END_SERVER on same port which is declared #### is_dev: False make sure build path is pointed to the right build directory ### Rendering react admin app inside templates :: ``` {% load react_bundle_loader %} <html> <head> {% render_bundle_css "ADMIN" %} </head> <body> <div id="root"></div> {% render_bundle_js "ADMIN" %} </body> </head> ``` ### Using Preloading :: The is_preload=True option in the render_bundle_css or render_bundle_js template tag can be used to add rel="preload" link tags. ``` {% render_bundle_css is_preload=True %} ``` ### Add attributes add some extra attributes to the tag ``` {% render_bundle_js attrib="async" %} {% render_bundle_js attrib="disabled" %} ``` ### migration from 0.8.4 to 0.9 "is_dev" changed to "IS_DEV" is_dev in lowercase will not work ### docker support PUBLIC_PATH_DEV default value will be FRONT_END_SERVER, which will be used for incase of docker PUBLIC_PATH_DEV will be used in case of docker to http://localhost:3000/ FRONT_END_SERVER: host.docker.internal ### django storage support change PUBLIC_PATH to storagepath e.g PUBLIC_PATH:"https://234234234.aws.com/static/"

评论收藏

内容反馈

版权申诉