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第三方库


热门话题
java如何从thymeleaf表单保存地址对象和用户对象的列表?   序列化java。时间使用Jackson将localdate转换为json   java删除LinearLayout和子级之间的空间   具有内存大小限制的Java队列   java尝试在freemarker中创建min(a,b)函数失败   askQuestion()方法中的Java逻辑问题   在Java客户端中接受服务器的自签名ssl证书   java如何正确更新字符串数组?   java如何使多个方法调用充当一个事务性工作单元   swing如何创建可滚动的Java框?   java如何使用SearchView在多个单词之间搜索?   初始化启动层java时出错。lang.module。FindException:模块javafx。找不到图形   java struts对隐藏字段的转义形式验证   用于构建FEM 3D解算器的java JOGL与JAVA3D   java mvn安装忽略hibernate映射文件   在C++和java之间使用JNI通信时,我在哪里保存“这个”?   java无法使用计时器重新绘制窗口   java我遇到一个找不到符号的错误,我无法解决   IntelliJIdea生成实体时java面临的问题   java在动态文本的末尾添加三个点