think-ls
基于
thinkjs 2.x
方便的使用localstorage
存放静态资源,思路点这里:设计localStorage更新
使用
下载安装
npm install think-ls
引用和配置
// middleware.js里注册;think; // hook.js里配置view_filter: 'think-ls' // config/ls.js 配置 // 是否开启 on: true // css配置 css: // 以 id:uri路径 的形式, uri以 think.RESOURCE_PATH 为起始路径 id: '/static/dist/a.css' // js配置 js: id: '/static/dist/a.js' global: '/static/dist/b.js' // 可选配置 options: // 开始标签 open: '{%' // 结束标签 close: '%}'
加载静态js
在模板调用
之前加载static/LS.js
到模板中,一般加载在<head>
结束前
模板调用
调用css
<%css('id')%>
调用js
<%js('id')%>
主动编译
主动编译一般在资源被修改后触发,这样可以把资源缓存起来,读取页面模板调用时可以快速判断版本并加载文件
// 该代码需要在thinkjs实例化后调用var ls = ;;
todo
- 对远程(
http
)文件的支持,目前只支持在think
目录里引用 think.cache
调用的优化,目前所有的配置都在一个cache
里,由于多个css,js
的source
可能很大,后续考虑以css.key
来存放
LICENSE
MIT