statics.js
2.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
const _ = require('lodash');
const config = global.yoho.config;
module.exports = (app) => {
let manifest;
if (!app.locals.devEnv) {
let manifestPath = '../../manifest.json';
if (app.locals.isTest) {
manifestPath = `../../dist/statics/${config.appName}/${app.locals.version}/manifest.json`;
}
manifest = require(manifestPath);
}
function getStatic(path, def) {
return _.get(manifest, path, `${config.assetUrl}${def}`);
}
function getPreloads(list, type, cross) {
let _list = [];
_.forEach(list, url => {
_list.push({url, type, cross});
});
return _list;
}
return (req, res, next) => {
res.on('beforeRender', (params) => {
if (params) {
const {data} = params;
const {module: moduleName, page, localCss, isFeature, vue} = Object.assign({}, res.locals, data);
if (moduleName && page) {
const statics = {
name: `${moduleName}.${page}`,
styles: [],
javascripts: [
getStatic('common.vendors.js', 'js/vendors.js'),
getStatic('common.main.js', 'js/main.js'),
]
};
if (isFeature || localCss || vue) {
if (!isFeature) {
statics.styles.push(getStatic('common.main.css', 'css/main.css'));
}
statics.styles.push(
getStatic(`pages.${moduleName}.${page}.css`, `css/page.${moduleName}.${page}.css`));
} else {
statics.styles.push(getStatic('common.index.css', 'css/index.css'));
}
res.locals.statics = statics;
res.locals.preloads = _.concat(getPreloads(statics.styles, 'style'),
getPreloads(statics.javascripts, 'script', true));
}
}
});
return next();
};
};