fis3-packager-deps-pack2
v1.0.6
Published
升级版的fis3-packager-deps-pack
Downloads
5
Readme
fis3-packager-deps-pack2
##升级说明
1.多入口依赖打包
fis.media("beta").match("::package", {
packager: fis.plugin("deps-pack2", {
useTrack: true,
useSourceMap: false,
//post.js中会包含 react.js 和 react-dom.js代码
"/pkg/post.js": [
//post.html依赖 react.js,react-dom.js
"/pages/post/post.html:deps"
],
"/pkg/post.css": [
"/pages/post/post.html:deps"
],
//search.js中也会包含 react.js和react-dom.js代码
"/pkg/search.js": [
//search.html也依赖 React.js,React-dom.js
"/pages/search/search.html:deps"
]
}),
postpackager: fis.plugin("inject", {
"/pages/post/post.html": [
"/pkg/post.js",
"/pkg/post.css"
],
"/pages/search/search.html": [
"/pkg/search.js"
]
})
});
- post.html和search.html都依赖react.js和react-dom.js,那么打包后的post.js和search.js中都会有react.js和react-dom.js,此情况多用在多页面应用中
- 一般情况会将React等公共代码单独抽象出来,生成一个pkg.js
- 欢迎使用配套的fis3-postpackager-inject将任意内容注入到某个文件中
###2.打包后的manifest.json中的改变
res: {
"react": {
"uri": "/statics/bbs/vendor/react.min.js",
"type": "js",
"pkg": ["p0","p1"] // 同一个js文件可以打包到多个pkg文件中,如果只打包到了一个pkg文件,那么pkg值是["p0"],总是数组的形式
}
},
"pkg": {
"p0": {
"uri": "/pkg/post.js",
"type": "js",
"has": [
"react",
"react-dom"
]
},
"p1": {
"uri": "/pkg/search.js",
"type": "js",
"has": [
"react",
"react-dom"
]
}
}
###其他fis插件