摘要:学习由于商标版权问题,已经改名为。是一个高性能的模板引擎,它是用实现的,并且可以供使用当然还支持其他语言。
pug学习
jade(pug)
由于商标版权问题,jade已经改名为Pug。
Pug 是一个高性能的模板引擎,它是用 JavaScript 实现的,并且可以供 Node 使用,当然还支持其他语言。
文件后缀名为.pug(.jade)
pug优点可读性高
灵活的缩进
块展开
代码默认经过编码处理(转义),安全性高
运行时和编译时上下文错误报告
支持命令行编译
支持html5模式
在内存中缓存(可选)
原生支持 Express
合并动态和静态标签类
过滤器
安装npm安装 建议安装个nrm来进行源管理
npm install pug -g npm install pug-cli -g测试demo
为了方便编写代码,最好把编译器的tab设置:2.
// index.jade doctype html html head title jade test body h2 jade study
粗暴的编译方法
// index.htmljade test jade study
发现编译后的代码不具备可读性
pug -- help Options: -P, --pretty compile pretty HTML output ## 输出漂亮结构的HTML -D, --no-debug compile without debugging (smaller functions) ## 不带调试的编译 -w, --watch watch files for changes and automatically re-render ## 对某个文件的变动保持监控 -E, --extensionspecify the output file extension ## 指定输出文件扩展名 -s, --silent do not output logs ## 不输出日志 // 重新编译 pug -P index.jade jade test jade study
自动编译
只是为了学习,这里只要设置-w -P .开发中通过打包工具来进行自动编译.
pug pug -o . -w -P
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/96633.html
摘要:创建打包路径利用这个方法,我们可以获得需要打包的文件路径方法中获取文件路径的模块也可使用模块,根据获得打包的文件路径,我们可以使用来实现多页面打包。 前言 一开始接触webpack是因为使用Vue的关系,因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的,后来想想,这么好的打包方案,只在单页面上使用是否太浪费资源了呢?如果能在传统多页...
阅读 3159·2021-11-15 11:37
阅读 2410·2021-09-29 09:48
阅读 3741·2021-09-22 15:55
阅读 2970·2021-09-22 10:02
阅读 2595·2021-08-25 09:40
阅读 3187·2021-08-03 14:03
阅读 1652·2019-08-29 13:11
阅读 1538·2019-08-29 12:49