wordpress知识库
网站首页 > 知识库 > wordpress知识 >

wordpress开发使用File Watchers模式

2012/07/27

File Watchers是我们在开发时经常会使用的一款插件,File Watcher 翻译过来就是 文件监视 的意思,官方对其的描述只有简短的一句话:允许执行由文件修改触发的任务。其本质就是一个小工具,在JetBrains 系列软件中以插件的形式存在。从字面上我们已经可以理解到它是用于监测文件的。那它具体的作用有哪些呢?这里举一些我们在开发wordpress插件中可以使用到的地方。

在wordpress中前后台的样式文件都是通过less编译成css文件的,需要我们可以直接修改CSS文件或手动执行编译,但这都不是官方推荐的方式,配合File Watchers功能,我们可以达到修改Less文件后实时编译生成CSS文件,温馨小提示:在使用 Less 之前,要先通过 Node.js 的 npm 包管理工具安装好 lessc 的运行包,将环境先搭建起来,配置如下图所示:

配置File Watchers

这样我们在编辑css的时候就会自动生成对应的less文件,其实开发时候js也可以实现自动压缩这个功能,实现自动压缩成min.js文件。