NornJ-loader
Webpack loader for template engine NornJ
概述
nornj-loader用于在Webpack环境下，将NornJ的单文件模板编译为模板函数，与传统js模板引擎的webpack-loader(如handlebars-loader)作用是类似的。模板示例：
安装
使用npm安装:
npm install nornj-loaderLoader配置
- 渲染字符串
...
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 });
}
}具体的使用文档请点这里。
License
MIT