→ → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → →↑建↑议↑及↑反↑馈
-------------------------------------
----------
Grunt: JavaScript 世界的构建工具 | Grunt 中文网
https://www.gruntjs.net/
----------
本工具可在指定主题目录下创建一个 compile 文件夹并放入 Grunt 所需文件,按说明部署相关依赖后即可通过 Grunt 构建主题的 CSS 和 JS;
支持两种方式的 LiveReload:
1、自动引入一个 JS 周期检测 CSS 是否更新并自动更新或刷新!!
2、使用 Grunt 命令自动响应主题文件修改,实时通知浏览器刷新「推荐」
-----
模板文件及书写流程不变。。
----------
只是需要 LiveReload 的话推荐下边插件,主题和插件都支持,甚至管理后台也能自动刷新;
「开发工具」BrowserSync - Z-Blog 应用中心
https://app.zblogcn.com/?id=27743
-----
2022-04-15:适配开发站点在 Docker 内的情况;
2021-07-29:更换 sass 组件,编译速度提升;
2021-03-13:增加 VSCode Browser Sync 支持,虽然这个仍然不太好用;增加自动检测 LiveReload;
2020-12-02:增加真 · LiveReload 支持;可配合 Node.js 工具或编辑器插件实现自动刷新;
2019-06-21:CSS 刷新优化;
----------
插件后台↓
工作路径↓
使用SASS开发↓
自动编译为CSS↓
本文由隔壁老李于2022-09-13发表在极致时空,如有疑问,请联系我们。
本文链接:https://www.jz52.com/post/1387.html
上一篇
关联词替换
下一篇
超级SEO内链插件管理