Rare
  • Introduction
  • HTML
    • Introduction
    • Html Structure
      • Header
      • Left Side Menu
      • Main Content
    • Main Content
      • Buttons
      • Fonts
      • Lock Screens
      • Maps
      • Modals
      • Plugins Used
      • Progress Bars
    • Css Files
    • Java Script Used
    • Scss
    • Fonts Used
    • Images used
    • Starts New page
      • Centered Logo
      • Compact Menu
      • Default
      • Horizontal
      • Light Side Bar
      • Mmenu
  • Rare Builder
    • Layouts
      • Default
      • Centered Logo
      • Compact Menu
      • Fixed Menu
      • Fixed Header
      • Horizontal
      • Icon Horizontal
      • Dark
      • Full Width
      • Header Style
      • Fixed Footer
      • Mmenu
      • Light Sidebar
    • Macros
      • Layouts
      • Breadcrumb
    • Partials
      • Headers
        • Header
        • Centered Logo Header
      • Heads
        • Head
      • Breadcrumbs
        • Breadcrumb 1
        • Breadcrumb 2
        • Breadcrumb 3
        • Breadcrumb 4
        • Breadcrumb 5
        • Breadcrumb Default
      • Ends
        • End
      • Menus
        • Default
        • Horizontal
        • Icon Horizontal
        • Compact
        • Mmenu
      • Footer
        • Footer
        • Fixed Footer
      • Messages
      • Notifications
      • User Profile
    • Add Builder
    • Commands
    • New Page
  • FAQ
    • Change Left Menu Content
    • Setting Layout As Default
    • Change Breadcrumb
    • Change Colors In scss
Powered by GitBook
On this page

Was this helpful?

  1. Rare Builder

Add Builder

We are using nunjucks builder it is very easy to use.

It has the following Staps:

  1. We have to add "gulp-nunjucks-render" : "^2.0.0" in package.json as dependencies.

  2. gulpfile.js:

    We have to declare below global variables:

    var nunjucksRender = require('gulp-nunjucks-render'); var units1 = process.argv[2]; var units2 = process.argv[3]; var units3 = process.argv[4];

    var inputTemplates = resourcesAssets + 'pages/*.html' ;

    var siteOutput = './' ;

    We have to declare function:

    gulp.task('nunjucks', function() { var layout; var bc; if (units1&&units2&&units3&&units1=="nunjucks") { layout=units2.substring(2); bc=units3.substring(2); } return gulp.src(inputTemplates) .pipe(nunjucksRender({ path:['src/templates/'], data:{layout:layout, bc:bc} })) .pipe(gulp.dest(siteOutput)) });

    And call the function :

    elixir(function(mix) { //nunjucks mix.task('nunjucks'); });

PreviousUser ProfileNextCommands

Last updated 5 years ago

Was this helpful?