resouce loader
npm install fis3-postpackager-loader使用的和依赖的资源(js或css), 并将这些资源做一定的优化后插入页面中。如把零散的文件合并。默认会把页面中用到的样式插入在 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. 分析源码中