Build Process

As of v18 Gibbon uses Webpack configured with Tailwind CSS via the Laravel Mix tool. More info about Tailwind in Gibbon here.

For the most part developers won’t need to re-build the css files too often, as the utility classes in Tailwind provide lots of functionality out of the box. However during refactoring while we’re creating some initial components, developers can use the build process to update css and js files for Gibbon core.

Using the build tools

If you don’t have npm, be sure to install it first. On Mac OS, if you have Homebrew you can install npm with brew install node.

In the command line, browse to the resources/build directory from your Gibbon install location, then run npm install to setup the build tools.

Once this is done, you can run npm run build to build the files, or npm run watch to automatically build files anytime they’re changed.

Contributors to this page : skuipers