Adapt Learning Community: Livereload

Anyone got livereload to work with grunt server?

Cheers,
Anders

Hi Anders -

Are asking for Live reload of the script based on changes?

For Framework or AT?

Thanks!

Regards,

Aniket

Show parent | Reply

Yes, based on changes.
For the framework, I would like a better setup for developing a theme.

Thanks!

Show parent | Reply

Anyone know how to make this work?

Show parent | Reply

It hasn't been written yet, but it is in the pipeline.

Show parent | Reply

https://github.com/cgkineo/adapt-buildkit-rub/blob/master/README.md

If you use rub instead of grunt to build your framework, it has live reload as standard on the server command. ^ directions are on the readme. It's not officially supported by the adapt learning community though.

Show parent | Reply

You should definitely try rub. It's a great tool to work directly with the framework.

If you insist on working with grunt, here's a simple solution.

1. install browser-sync globally with npm install -g browser-sync

2. develop and watch your course with grunt dev

3. in another terminal window, instead of grunt server , run browser-sync start -s build -f build

-s build (serve files from the build directory)

-f build (watch build directory for changes to fire reload, you can narrow down this to build/course if you only work with course, not plugins)

There are a lot other options you can explore, run browser-sync help start to find out.

Cheers

Sam

Show parent | Reply

Sam, your browser-sync workflow is just what I was wondering about. Thanks so much for posting this!

I added an npm script to the bottom of package.json for a (not much) shorter run command:

,
"scripts": {
"bserver": "browser-sync start -s build -f build"
}

To run: $ npm run bserver

Show parent | Reply

That's even better! Thanks, Scott!

As mentioned above, I use rub in my workflow. It's a great tool!

Show parent | Reply