React 项目创建和打包部署到本地服务器

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_41805715/article/details/100526806

1.React项目创建

npm install -g create-react-app

create-react-app  myProjectName

创建基于Webpack与ES6的简单项目模板

cd  myProjectName

进入创建项目目录

npm start

启动项目

2.React项目打包部署到服务器

npm run build

扫描二维码关注公众号，回复： 7645498 查看本文章

代码会被编译到build目录中

后台使用的是Django框架

在后台项目中创建一个static文件夹和templates文件夹

在static文件夹中建立四个文件夹分别为css、imgs、js、json

将build目录下的所有文件分别按照后缀名放入对应的文件夹中

将build目录下的index.html文件放入

用编辑器打开index.html，调整格式，在head中加一行{% load static %}

然后将所有的js、css、json、图片文件用{% static ' ' %}包起来，'  '这里面的路径要是js/、css/、json/、imgs/下的什么什么

打开cmd，进入后台项目文件夹中，然后输入python manage.py runserver 

启动Django

在浏览器中输入在package.json中配置的代理地址，即可以显示项目界面