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看到浏览器在瞬间神奇地更新!在

入门

  1. 安装:pip install djsnowpack
  2. 添加到settings.MIDDLEWAREdjsnowpack.Middleware
  3. 添加到settings.STATICFILES_DIRSos.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>

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
安卓 xslt可与xalan cli一起使用,但不能从java代码中使用   java在spring应用程序中使用jackson进行序列化时面临的问题   Java检查Linux问题上的internet连接   当用户单击JavaSwing中的按钮时,从另一个类创建新对象   java为什么小于9,算上9?   使用Websphere 6.1生成WSDL的java未正确生成序列参数   javaq:ViewPager和OnClickListener   获取错误的java无法为child()中的参数“pathString”传递null   java组织。springframework。安全果心用户详细信息。用户详细信息创建用户   性能:单变量赋值与Objectgraph导航(Java)   java为什么资源中的CSS在spring jsp页面中不起作用?   较小的有限值双Java   java REST API如何处理post和函数错误   列出Java流API如何改进表达式