Skip to content

Latest commit

 

History

History
22 lines (17 loc) · 1.27 KB

README.md

File metadata and controls

22 lines (17 loc) · 1.27 KB

MxGulp - Automate Mendix styling using Sass & Gulp

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/).

How to install:

  1. Make sure you have installed Node.js LTS (https://nodejs.org/en/, select the LTS version)
  2. Download MxGulp (https://github.com/allardbrand/MxGulp/archive/master.zip)
  3. Unzip the MxGulp folder to your Mendix projects folder, for example C:\Mendix Projects\MxGulp
  4. Open your command prompt and navigate to the MxGulp folder
  5. Run npm install --global gulp-cli (installs Gulp globally, see https://github.com/gulpjs/gulp/blob/master/docs/getting-started/1-quick-start.md)
  6. Run npm install (installs all other dependencies)

How to run:

  1. 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)
  2. Edit the copied file (e.g. Notepad++) and change the (project directory) and (project port)
  3. Run the bat file

or

  1. Run gulp -d "(project directory)" -p (project port)
    Example: gulp -d "Example project-main" -p 8080