Nornj-loader NPM

NornJ-loader

Webpack loader for template engine NornJ

概述

nornj-loader用于在Webpack环境下，将NornJ的单文件模板编译为模板函数，与传统js模板引擎的webpack-loader(如handlebars-loader)作用是类似的。模板示例：

nornj-template-example

安装

使用npm安装:

npm install nornj-loader

Loader配置

渲染字符串

  ...
  module: {
    rules: [
      {
        test: /\.nj.html(\?[\s\S]+)*$/,
        loader: 'nornj-loader'
      }
    ]
  },

渲染React vdom

  ...
  module: {
    rules: [
      {
        test: /\.nj.html(\?[\s\S]+)*$/,
        loader: 'nornj-loader',
        options: {
          outputH: true,
          delimiters: 'react'
        }
      }
    ]
  },

模板函数的使用方法

import { registerTmpl } from 'nornj-react';
import tmpls from '../template.nj.html';

@registerTmpl('AddTodo')
export default class AddTodo extends Component {
  ...
  render() {
    return tmpls.addTodo(this.state, this, { foo: 1 });
  }
}

@registerTmpl('TodoList')
export default class TodoList extends Component {
  ...
  render() {
    return tmpls.TodoList(this.props, { bar: 2 });
  }
}

具体的使用文档请点这里。