Grunt使用示例

最新推荐文章于 2023-03-13 19:13:37 发布

jazwoo

最新推荐文章于 2023-03-13 19:13:37 发布

阅读量826

点赞数

CC 4.0 BY-SA版权

分类专栏： js/ajax

本文链接：https://blog.youkuaiyun.com/jazywoo123/article/details/18181435

js/ajax 专栏收录该内容

94 篇文章

订阅专栏

本文介绍如何使用 Grunt 的 watch 插件来实现文件修改后的自动化任务执行。通过简单的配置，可以在保存文件后自动运行指定的任务，如编译 SCSS 或重新加载浏览器等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

watch几乎是grunt必不可少的应用，一旦配置好watch，保存文件后将立即执行命令

安装方式如下：

npm install grunt-contrib-watch --save-dev

安装好以后就可以在gruntfile里写配置了：

watch: {
      options: {
        livereload: true
      },
      scripts: {
        files: ["static/**/*.scss", "static/**/*.js"],
        tasks: ["compass"],
      },
      html: {
        files: ["**/*.html"],
        // tasks: ["sass"],
      },
    }

配置好以后，在命令行里执行：

grunt watch

然后files中文件更改后，就会自动执行tasks里的命令。

如果只需要监听一个任务，可以执行：

grunt watch:html

这样就只监听html里的文件。