Watch files grunt

Find centralized, trusted content and collaborate around the technologies you use most. Connect and share knowledge within a single location that is structured and easy to search.

It should watch src directory and copy any changed file to dst directory. There are many subdirectories in src , so the relative paths should be preserved. All necessary subdirectories in dst are already created. I've found a grunt-sync tool. The documentation is so short that I even don't know if it fits me. Here's my Gruntfile :. When I run grunt, I see no watch task. Grunt freezes for several seconds, then copies all files and exits.

And I want a watch-sync daemon. I created a tool called duplicate which will do what you want though a year later , it copies all matching files when start, and keep watching if there would be any changes. It might require me to create my own underscore template processing function, I have no idea.

It's fairly complicated tbh. Skip to content. Star New issue. Jump to bottom. How to 'watch' Sass files? Copy link. Hi, Below is my Gruntfile I'm using 0. Fatal error: glob pattern string required. Any plans to fix it? Should at least be clearly documented.

I've been bitten by this before too. Checking that your source code follows best practices is not enough to guarantee that it's stable and doesn't contain bugs. To create a robust project, you need to test it. There are several libraries you can adopt such as QUnit or Jasmine.

In this guide, we describe how to configure QUnit, and specifically grunt-contrib-qunit , to test your code. When it comes to distributing your work, you want to offer a version as small in size as possible. To create a minified version you need a Grunt plugin like grunt-contrib-uglify. Moreover, unless the project you're developing is very small, chances are that you've split the code in multiple files.

While this is a good practice for the developer, you want users to include only one file. So, before minifying the code, you should concatenate the source files to create a single one. To achieve this goal you need a Grunt plugin like grunt-contrib-concat. If you're curious about what the final result looks like, the entire Gruntfile can be found at the bottom of this page. Next, we can store the project settings from the package.

This allows us to refer to the values of properties within our package. Now we can define a configuration for each of the tasks we mentioned. The configuration object for a plugin lives as a property on the configuration object, that often shares the same name as its plugin.

The configuration for grunt-contrib-concat goes in the configuration object under the concat key as shown below:. Next, we create the watch task so Grunt knows what to do when we run grunt watch on the command line. We define the CSS files that we want to watch and the tasks we want to run when one of the files is changed. Grunt will then run that task and reprocess our files.

When a change is detected by watch our uglify:dev task will run and process the javascript file.