Gulp and Elixir

About Gulp and Laravel Elixir

The Gulp NPM package is a build tool for the front-end assets of your theme. It is also an automation tool to help you manage your development workflow. TypeRocket 3.0 uses gulp to do just that.

Laravel Elixir takes advantage of Gulp and makes the development process that much better. You can learn more about everything you can do with Elixir on Elixir's documentation page.

Installing Gulp and Elixir

To get started you need to first download the NPM packages required to work with Gulp and Laravel Elixir.

npm install --global gulp-cli
npm install


The best place to get started is on the Elixir documentation page. In TypeRocket your main gulp file gulpfile.js is in the root TypeRocket directory.


You are are in the development process run gulp watch to watch for file changes and update your assets on the fly.

gulp watch


When your code is ready for production run npm run prod to minify and compress your assets.

npm run prod