fis3-postpackager-loader

静态资源前端加载器，用来分析页面中使用的和依赖的资源（js或css）, 并将这些资源做一定的优化后插入页面中。如把零散的文件合并。

注意

此插件做前端硬加载，适用于纯前端项目，不适用有后端 loader 的项目。因为不识别模板语言，对于资源的分析和收集，比较的粗暴！！！

默认会把页面中用到的样式插入在 header 中，脚本插入在 body 底部。如果想修改，请在页面自己插入 和 占位符来控制位置。

此插件会收集所有的资源，如果希望某个资源不被收集，请在资源结尾处如 后面加上 注释.

``html

`

注意：被 ignore 的资源，不会被修改位置，同时也不会参与 allInOne 合并。

安装

支持全局安装和局部安装，根据自己的需求来定。

`bash
npm install fis3-postpackager-loader
`

使用

`javascript
fis.match('::packager', {
postpackager: fis.plugin('loader', {
allInOne: true
})
});
`

文件属性

新版本中所有 isHtmlLike:true 的资源都会默认采用 html 的方式来处理，比如： .md, .tpl 或者是更多。如果你希望某类 isHtmlLike 为 true 的资源，不经过此插件处理，那么请设置 loaderLang 属性为 false。

`js
fis.match('*.md', {
loaderLang: false
});
`

处理流程说明

如果你真的很关心的话，以下详细的流程处理介绍。

先假定所有优化功能全开，处理流程如下：

1. 遍历所有的 html 文件，每个文件单独走以下流程。
2. 分析 html 内容，插入注释块 到 前面，如果页面里面没有这个注释块的话。
3. 分析 html 内容，插入注释块 到 前面，如果页面没有这个注释的话。
4. 分析源码中