https://github.com/fex-team/fis-postprocessor-amd
+
https://github.com/hefangshi/fis-postpackager-autoload
+
https://github.com/hefangshi/fis-postpackager-simple
可以说是 https://github.com/fex-team/mod 的加强版,前者对amd模块做了更好的兼容和打包功能。
个人在使用上,有点不方便的地方:在写一个UI组件的时候,例如: Button,那么常见的,它应该包含 Button.js 和 Button.css 2个文件。 Button.js 作为一个 AMD组件来编写,没有问题,可以从UI的完整性来讲,它是“依赖” Button.css的。但是amd的处理的时候,并不把 CSS作为 模块 看待,所以默认都把依赖的css资源,直接link连接到页面里面,不提供
【异步加载CSS】的功能。当然,也不是完全不支持,如果使用requirejs的话,CSS还是实现异步加载的,但是也不是作为模块来看待的。
因此,个人做了如下修改:
1. fis-postpackager-autoload(https://github.com/mutongwu/fis-postpackager-autoload/tree/mutongwu-patch-1) ,配置的时候,如果CSS资源有个定义
{
reg : /^\/modules\/(.*)\.css$/i,
extras: {
useAsync : true // 加上这一句,就把它认为是模块,加到资源表里面。
}
}
2. 模块加载器(https://github.com/fex-team/fis-amd-demo/blob/master/lib/mod-amd.js)为了能适应CSS的加载,也需要做点调整,主要是copy了requirejs的CSS加载插件代码进来(可以不用完全不理重量级的requirejs了)
实验工程代码请看附件。
分享到:
相关推荐
fis-postprocessor-amd fis amd 支持,完全满足 规范。 如何使用? npm install -g fis-postprocessor-amd 配置 fis-conf.js fis.config.merge({ modules: postprocessor: { tpl: 'amd', // 如果你的模板是.tpl...
npm install fis-postprocessor-amd -gnpm install fis-postpackager-autoload -gnpm install fis-packager-depscombine -g下载此 demonpm install lights -glights install fis-amd-demo进入 fis-amd-demo 目录 ...
前端开源库-fis-deploy-amdpackagefis部署amdpackage、打包的amd文件并将amd代码转换为标准javascript
前端开源库-fis-postpackager-jpgtowebpfis postpackager jpgtowebp,fis插件jpg转webp
前端开源库-fis-lint-jshintfis lint jsnit是一个lint插件,用于fis验证js文件。
前端开源库-fis-parser-lessFIS Parser Less,一种用于FIS编译较少文件的分析器。
与lights包管理工具交互,实现资源的存储查询等操作 提供资源聚合网站,展示资源信息 此平台已经开源,直接访问lights 使用开源 下载lights命令行客户端 npm install lights -g lights -h //查看...
前端开源库-fis-parser-importFIS解析器导入,少导入,在解析前输入笔库。
前端开源库-fis-postprocessor-require-asyncfis后处理器require async,分析require.async的组件,并记录下来
前端开源库-fis-parser-less-px2remfis-parser-less-px2rem,用于样式表中px/rem相互转换
前端开源库-fis-optimizer-uglify-js-nfdfis optimizer uglify js nfd,是fis使用uglify js压缩js的优化器。
前端开源库-fis-parser-jadefis parser jade,一个fis编译jade文件的解析器。
fis-parser-handlebars (1.x)A parser plugin for fis to precompile handlebars template.注:本插件仅适用于1.x版本的handlebars,如果需要3.x版本,请访问1. 安装插件:npm install -g fis-parser-handlebars2. ...
前端开源库-fis-postprocessor-autoprefixerFIS后处理器autoprefixer,一个为FIS到autoprefixer CSS用户postcss/autoprefixer提供的优化器。
fis-components-demoFIS 组件使用 demo.安装插件npm install fis-postprocessor-require-async -gnpm install fis-postpackager-autoload -gnpm install fis-packager-depscombine -g安装 components# 进入 fis-...
前端开源库-fis3-deploy-replaceFIS3部署替换,FIS3部署替换
前端开源库-fis-parser-jade-runtimefis parser jade runtime,编译jade模板文件为浏览器客户端支持的js模板文件,依附jade提供的runtime.js
前端开源库-fis-parser-utcfis parser utc,用于fis编译下划线模板的分析器。
前端开源库-fis-parser-es6-babelfis-parser-es6-babel,是fis的一个解析器插件,用于用babel将es6 代码转换成es5友好代码。