Gulp script to automate styling when using Sass (http://sass-lang.com). Compiles the SASS theme into CSS and updates the adjustments in the browser using Browsersync (https://www.browsersync.io/).
- Make sure you have installed Node.js LTS (https://nodejs.org/en/, select the LTS version)
- Download MxGulp (https://github.com/allardbrand/MxGulp/archive/master.zip)
- Unzip the MxGulp folder to your Mendix projects folder, for example C:\Mendix Projects\MxGulp
- Open your command prompt and navigate to the MxGulp folder
- Run
npm install --global gulp-cli
(installs Gulp globally, see https://github.com/gulpjs/gulp/blob/master/docs/getting-started/1-quick-start.md) - Run
npm install
(installs all other dependencies)
- Copy gulp-example-project.bat for each Mendix project you want to style using MxGulp.
(Make sure to keep all .bat files inside your MxGulp directory, do not copy the .bat file to your project directory) - Edit the copied file (e.g. Notepad++) and change the (project directory) and (project port)
- Run the bat file
or
- Run
gulp -d "(project directory)" -p (project port)
Example:gulp -d "Example project-main" -p 8080