• gulp(五)插件gulp-swig


    npm install --save-dev gulp-swig

    /*
      Get data via JSON file, keyed on filename.
    */
    var swig = require('gulp-swig');
    var data = require('gulp-data');
     
    var getJsonData = function(file) {
      return require('./examples/' + path.basename(file.path) + '.json');
    };
     
    gulp.task('json-test', function() {
      return gulp.src('./examples/test1.html')
        .pipe(data(getJsonData))
        .pipe(swig())
        .pipe(gulp.dest('build'));
    });
    var swig = require('gulp-swig');
    var opts = {
      data: {
        headline: "Welcome"
      }
    };
    gulp.task('templates', function() {
      gulp.src('./lib/*.html')
        .pipe(swig(opts))
        .pipe(gulp.dest('./dist/'))
    });
    var swig = require('gulp-swig');
    var opts = {
      load_json: true
    };
    gulp.task('templates', function() {
      gulp.src('./lib/*.html')
        .pipe(swig(opts))
        .pipe(gulp.dest('./dist/'))
    });
    var swig = require('gulp-swig');
    var opts = {
      load_json: true,
      data: {
        headline: "Welcome"
      }
    };
    gulp.task('templates', function() {
      gulp.src('./lib/*.html')
        .pipe(swig(opts))
        .pipe(gulp.dest('./dist/'))
    });

    参考:

    https://www.npmjs.com/package/gulp-swig

    https://www.jscss.cc/2016/10/22/gulp-swig.html

    工欲善其事 必先利其器
  • 相关阅读:
    响应式开发: 宽高等比例缩放
    node服务成长之路
    node压力测试
    前端开发工具
    sequelize问题集锦
    webpack引入handlebars报错'You must pass a string or Handlebars AST to Handlebars.compile'
    夏夜无题
    jmeter在windows环境下系统参数设置
    服务端性能优化指南
    修车备忘
  • 原文地址:https://www.cnblogs.com/fengyouqi/p/8183686.html
Copyright © 2020-2023  润新知