Craft CMS Stack Exchange is a question and answer site for administrators, end users, developers and designers for Craft CMS. It only takes a minute to sign up.
Sign up to join this community
If i include javascript in a template using:
{% set myJS %}
//some JS in here
{% endset %}
{% includeJS myJS %}
Is there a way to minify the javascript that gets output on the page? I had a look at the documentation but couldn't find anything. The only way i have found to do it otherwise is to put the javascript in an external file, minify that, and include it with {% includeJsFile %}. Any ideas on how i could do this? Or is there a better way to achieve the same result?
I don't believe there is a way to minify javascript when it is output to the page. If there is it would make for increased load time. My suggestion is to use a preprocessor like Gulpjs or Gruntjs.
The basic workflow is when you update your JS file/s the preprocessor can detect the change and concatenate and minify your files into a production file.
You will need to install Node. An easy way to do that is to use Homebrew.
brew install node
I am including links to a couple files to help you start. One is the package.json file that NPM uses to install the node components. The other gulpfile.js is a starter file for using Gulpjs, to give you an idea of how to setup the tasks.
