前端开发模式

原生js开发可以用两种模式：

1.脚本打包

第一种是用自己打包的方式，写一个script/compress_game_js.sh，按照文件名排序进行打包。
这样文件名写成zbase.js，项目骨架需要自己想好，哪个文件夹下写哪几个功能等，这样打包后才不会产生引用未定义的问题。

#!/bin/bash

JS_PATH=/home/rsh/acapp/game/static/js/
JS_PATH_DIST=${JS_PATH}dist/
JS_PATH_SRC=${JS_PATH}src/

find $JS_PATH_SRC -type f -name '*.js' | sort | xargs cat | terser -c -m > ${JS_PATH_DIST}game.js
echo "yes" | python3 manage.py collectstatic

最终浏览器只需要请求一个game.js即可。
参考django小球大作战项目：===> 链接

2.不打包

第二种是不打包，js文件之间通过：
export XX
import { XX } from "........."的形式来引入。
文件名用base.js即可

缺点是浏览器需要请求多个js文件，效率更低。
参考拳皇kof项目：===> 链接