Django+Snowpack=Django雪堆
djsnowpack的Python项目详细描述
雪堆是有史以来最快和最简单的方式受益于npm和进口 前端代码不需要进行全面的SPA。在
这是干什么的
更快速的前端开发!
被选为Productivity Booster OS Award 2020,Snowpack是一个具有 启动时间为50ms,在典型的Webpack项目中通常为30s。 它太快了,我感觉像是一个300.000%的加速(从30秒到不到1秒)。在
改变你的CSS或JS和你的Django页面将重新加载!
更改前端文件通常不会导致Django视图重新加载,因为 Django默认不想提供JS:djsnopack提供了一个解决方案 为了这个。在
演示
# go and make a virtualenv in /tmp cd /tmp virtualenv /tmp/djsnowpack_demo source /tmp/djsnowpack_demo/bin/activate # clone and install the app and example project git clone https://yourlabs.io/oss/djsnowpack cd djsnowpack pip install . # install example project dependencies and start server cd djsnowpack_example pip install django yarn install ./manage.py runserver
Django演示页面左上角的绿色标题应该是“djsnopack” 工作正常!!!“因为这就是djsnopack_的例子/索引.js就像, 试着改变索引.js看到浏览器在瞬间神奇地更新!在
入门
- 安装:pip install djsnowpack
- 添加到settings.MIDDLEWARE:djsnowpack.Middleware
- 添加到settings.STATICFILES_DIRS:os.path.join(BASE_DIR, 'build')。在
这允许您在您的 settings.BASE_DIR。在
您应该在djsnowpack_example目录中看到一个最小的示例:
- package.json:从template project获取一个, 最小的一个很好的方法就是不使用任何特定的框架或库
- index.html:snowpack需要它工作,所以您只需将它放在那里一次,然后 那就忘了吧
- index.js:这是由snowpack提供服务的入口点
- index.css:相同但可选,对于样式,sass与 雪堆也是
危险:你必须在你的索引.html使Django视图 JS更改时重新加载:
^{pr2}$在索引.html内容:
<!DOCTYPE html><htmllang="en"><head><linkrel="stylesheet"type="text/css"href="/index.css"/></head><body><scripttype="module"src="/index.js"></script></body></html>
- 项目
标签: