Template-Shift

A script used to shift HTML-like template code.

Usage

You can use it by two ways, both of them need a user-defined handler.

1. Command line

$ template-shift ./test/fixtures/handler.js

2. Nodejs package

const TemplateShift = require('template-shift');
const Handler = {
  entry: '',
  dist: '',
  mapping: {},
  visitor() {},
}
const result = TemplateShift(templateString, Handler);

Handler

|Fields|Type|Description| |---|---|---| |entry|String|Array<String>|raw template file path| |dist|String|the dist folder that output result file into| |mapping|Object|mapping relation used to rename tag name or attribute name| |visitor|Function|manipulate every nodes by what you want, receives the current node ast.|

There is an example file in /test/fixtures/handler.js, which do a basic shift from weapp wxml file to html.

module.exports = {
  entry: ['./test/fixtures/example.wxml'],
  dist: './dist/',
  mapping: {
    tag: {
      'view': 'div',
      'image': 'img',
      'text': 'span',
    },
    attr: {
      'wx:for': 'v-for',
      'wx:key': ':key',
      'class': ':class',
    }
  },
  visit(node) {
    const { attrs } = node;

    if (attrs) {
      attrs.forEach((attr) => {
        if (/^{{.+}}$/.test(attr.value)) {
          attr.value = attr.value.match(/^{{(.+)}}$/)[1].trim();
          if (attr.name[0] !== ':') attr.name = `:${attr.name}`
        }
      });
    }
  },
}