Coder Social home page Coder Social logo

Comments (2)

colynb avatar colynb commented on June 14, 2024

Hi... There's a Swig plugin that creates a block for markdown content. As far as your relative path issue, the latest version of swig has a new template loader function that lets you override the default template lookup behavior. I haven't used it much so I can't really explain how it works, but once you figure it out it can be rolled into the setup option. Anyway, below is an example of how to include the swig-marked plugin into gulp.

var swig = require('gulp-swig');
var marked = require('swig-marked');
var opts = {
  setup: function(swig) {
    marked.useTag(swig, 'markdown');
  }
};
gulp.task('templates', function() {
  gulp.src('./lib/*.html') // containing markdown tag: {% markdown %}**hello**{% endmarkdown %}
    .pipe(swig(opts))
    .pipe(gulp.dest('./dist/'))
});

from gulp-swig.

dougmartin avatar dougmartin commented on June 14, 2024

Just in case someone finds this like I did when I went searching for how to change the template path. Here is the answer:

  1. Update the gulp-swig swig dev dependency to at least 1.3.2 get the template loader option
  2. Add this code to your gulpfile
    .pipe(swig({
        setup: function (swig) {
          swig.setDefaults({
            loader: swig.loaders.fs('path/to/your/template/files')          
          });
        }
      }))

from gulp-swig.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.