fis3-parser-art-template4-compile

1.0.5 • Public • Published

fis3-parser-art-template4-compile

将art-template4模板文件通过fis3编译成js文件,供纯前端工程通过requireJS使用。

fis-conf.js的配置

fis.match('**.tpl', {
parser: fis.plugin('art-template4-compile', {
art : true,
native: false,//默认为false,即简单语法模式
openTag: '{{',//默认为{{
closeTag: '}}',//默认为}}
compress: false,//默认为false
isMod: true,
libraryTarget:'amd',
artTemplatePath:'/framework/js/art-template.js'
}),
rExt: 'js',
useHash:true,
isJsLike:false,isHtmlLike:true
});

libraryTarget:

如果是amd则编译后生成的js文件符合amd规范。如果是var,则只生成一个function

artTemplatePath:

这个是将art-template4/lib/runtime.js文件拷贝,封装成amd规范的js的在本工程中的绝对路径。

libraryTarget=amd时,runtime.js修改方式如下

文件顶部加入:
define( ['require', 'exports', 'module'], function(require, exports, module) {

文件底部加入:
});

libraryTarget=var时,runtime.js修改方式如下

最后一行注释掉
//module.exports = runtime;
文件底部加入:
var $imports = runtime;

依赖包

fis3-preprocessor-js-requirejs 将js文件中的tpl地址替换为编译后的js地址或内容

libraryTarget=amd 配合 mode=requirejs使用,html页面引入requireJS,不需要引入artTemplatePath的地址

libraryTarget=var 配合 mode=require使用,html页面不需要引入requireJS,需要引入artTemplatePath的地址

参考代码

此包的开发参考了fis3-parser-art-template4,在此表示感谢。

Readme

Keywords

Package Sidebar

Install

npm i fis3-parser-art-template4-compile

Weekly Downloads

2

Version

1.0.5

License

MIT

Unpacked Size

6.57 kB

Total Files

3

Last publish

Collaborators

  • zhangfp