fis-postpackager-autoload
用于自动加载模块化资源的FIS插件
功能
- 将当前页面的所有资源依赖自动注入页面中,
功能特点
- 无需手工维护
<script src="path"></script>
或<link rel="stylesheet" href="path">
标签引用资源,页面依赖的资源会自动加载,实现像写Node.js程序一样编写前端页面。 - 与fis-postprocessor-require-async插件结合,支持modjs的require.async异步加载功能
- 使modjs脱离后端静态资源管理依赖,使用成本更低,配合fis-postpackager-simple插件,轻松优化页面性能。
- 支持amd脱离后端静态资源管理,轻松加载AMD资源。
自定义输出
插件默认会将引用的资源添加至head标签结尾,如果需要定制位置,可以通过在页面中注入占位符来满足需求
<!--STYLE_PLACEHOLDER--> <!--SCRIPT_PLACEHOLDER--> <!--RESOURCEMAP_PLACEHOLDER-->
目前支持三种占位符
<!--SCRIPT_PLACEHOLDER-->
用于指定脚本输出位置<!--RESOURCEMAP_PLACEHOLDER-->
用于指定异步脚本资源表输出位置,需要在mod.js引用后,异步请求前输出<!--STYLE_PLACEHOLDER-->
用于指定样式输出位置
用法
$ npm install -g fis-postpackager-autoload
$ vi path/to/project/fis-conf.js
// file : path/to/project/fis-conf.jsfisconfig; // 添加combine插件,自动应用pack配置,打包零散资源//fis.config.set('modules.postpackager', 'autoload, simple'); // useSiteMap设置使用整站/页面异步资源表配置,默认为falsefisconfig; // useInlineMap设置内联resourceMap还是异步加载resourceMap,默认为falsefisconfig; //通过include属性将额外的资源增加入resourceMap中fisconfig; // 设置占位符fisconfig;fisconfig;fisconfig; // 开启AMD模式fisconfig; // 美化resourceMap,即使开启压缩,也不会压缩resourceMapfisconfig;