支持包含依赖的打包方式。
fis.match('::packager', {
packager: fis.plugin('deps-pack', {
'pkg/hello.js': [
// 将 main.js 加入队列
'/static/hello/src/main.js',
// main.js 的所有同步依赖加入队列
'/static/hello/src/main.js:deps',
// 将 main.js 所以异步依赖加入队列
'/static/hello/src/main.js:asyncs',
// 移除 comp.js 所有同步依赖
'!/static/hello/src/comp.js:deps'
],
// 也可以从将 js 依赖中 css 命中。
'pkg/hello.css': [
// main.js 的所有同步依赖加入队列
'/static/hello/src/main.js:deps',
]
})
});- 原来的
packTo将被忽视，在此插件配置项中设置。 - 每个规则都会按顺序将命中的文件加入到列表或者从列表中移除，顺序不同会带来不一样的结果。
:deps用来命中目标文件的依赖文件，不包含自己。:asyncs用来命中目标文件的异步依赖，不包含自己。!xxx叹号打头的规则，会把命中的文件，从现有的列表中去除。
同一个文件不能够打包到不同包里面，所以如果发现某个文件没有按预期打包目标文件里面，你需要分析是不是打包其他包里面了。 策略为谁先命中先生效。
npm install -g fis3-packager-deps-pack
useTrack默认true。 是否将合并前的文件路径写入注释中，方便定位代码。useSourceMap默认为false。是否开启 souremap 功能。
默认打包后输出路径信息,便于调试.形式如下
/*!/components/underscore/underscore.js*/可以在插件的配置中关闭路径信息输出
fis.match('::package', {
packager: fis.plugin('deps-pack', {
useTrack : false, // 是否输出路径信息,默认为 true
'pkg/all.js': [
'/modules/index.jsx',
'/modules/index.jsx:deps'
]
})
})fis.match('::package', {
packager: fis.plugin('deps-pack', {
useSourceMap : true, // 合并后开启 SourceMap 功能。
'pkg/all.js': [
'/modules/index.jsx',
'/modules/index.jsx:deps'
]
})
})
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent