mirror of
https://github.com/didi/KnowStreaming.git
synced 2025-12-24 11:52:08 +08:00
144 lines
4.7 KiB
JavaScript
Executable File
144 lines
4.7 KiB
JavaScript
Executable File
/**
|
|
* 重置 html 内容
|
|
* 注意: HtmlWebpackPlugin hooks 是 beta 版本，正式版本接口可能会变
|
|
*/
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const PublicPath = process.env.PUBLIC_PATH;
|
|
const isProd = process.env.NODE_ENV === 'production';
|
|
const commonDepsMap = [
|
|
{
|
|
name: 'react',
|
|
development: '/static/js/react.production.min.js',
|
|
production: `${PublicPath}/static/js/react.production.min.js`,
|
|
},
|
|
{
|
|
name: 'react-dom',
|
|
development: '/static/js/react-dom.production.min.js',
|
|
production: `${PublicPath}/static/js/react-dom.production.min.js`,
|
|
},
|
|
{
|
|
name: 'single-spa',
|
|
development: '/static/js/single-spa.min.js',
|
|
production: `${PublicPath}/static/js/single-spa.min.js`,
|
|
},
|
|
{
|
|
name: 'single-spa-react',
|
|
development: '/static/js/single-spa-react.js',
|
|
production: `${PublicPath}/static/js/single-spa-react.js`,
|
|
},
|
|
{
|
|
name: 'moment',
|
|
development: '/static/js/moment.min.js',
|
|
production: `${PublicPath}/static/js/moment.min.js`,
|
|
},
|
|
{
|
|
name: 'react-router',
|
|
development: '/static/js/react-router.min.js',
|
|
production: `${PublicPath}/static/js/react-router.min.js`,
|
|
},
|
|
{
|
|
name: 'react-router-dom',
|
|
development: '/static/js/react-router-dom.min.js',
|
|
production: `${PublicPath}/static/js/react-router-dom.min.js`,
|
|
},
|
|
{
|
|
name: 'lodash',
|
|
development: '/static/js/lodash.min.js',
|
|
production: `${PublicPath}/static/js/lodash.min.js`,
|
|
},
|
|
{
|
|
name: 'echarts',
|
|
development: '/static/js/echarts.min.js',
|
|
production: `${PublicPath}/static/js/echarts.min.js`,
|
|
},
|
|
{
|
|
name: 'history',
|
|
development: '/static/js/history.production.min.js',
|
|
production: `${PublicPath}/static/js/history.production.min.js`,
|
|
},
|
|
];
|
|
|
|
function generateSystemJsImportMap() {
|
|
const importMap = {};
|
|
commonDepsMap.forEach((o) => {
|
|
importMap[o.name] = o[process.env.NODE_ENV];
|
|
});
|
|
return JSON.stringify({
|
|
imports: importMap,
|
|
});
|
|
}
|
|
|
|
class CoverHtmlWebpackPlugin {
|
|
apply(compiler) {
|
|
compiler.hooks.compilation.tap('CoverHtmlWebpackPlugin', (compilation) => {
|
|
HtmlWebpackPlugin.getHooks(compilation).beforeEmit.tapAsync('CoverHtmlWebpackPlugin', async (data, cb) => {
|
|
const depsMap = `
|
|
<script type="systemjs-importmap">
|
|
${generateSystemJsImportMap()}
|
|
</script>
|
|
`;
|
|
const portalMap = {
|
|
'@portal/layout': '/layout.js',
|
|
};
|
|
const assetJson = JSON.parse(data.plugin.assetJson);
|
|
let links = '';
|
|
let vendors = '';
|
|
|
|
assetJson.reverse().forEach((item) => {
|
|
if (/\.js$/.test(item)) {
|
|
if (item.includes('vendor~')) {
|
|
vendors += `<script async src="${item}"></script>`;
|
|
} else {
|
|
// TODO: entry 只有一个
|
|
portalMap['@portal/layout'] = item;
|
|
}
|
|
} else if (/\.css$/.test(item)) {
|
|
links += `<link href="${item}" rel="stylesheet">`;
|
|
}
|
|
});
|
|
data.html = `
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title></title>
|
|
${links}
|
|
<link href='${isProd ? PublicPath : ''}/favicon.ico' rel='shortcut icon'>
|
|
<script src='${isProd ? PublicPath : ''}/static/js/system.min.js'></script>
|
|
<script src='${isProd ? PublicPath : ''}/static/js/named-exports.min.js'></script>
|
|
<script src='${isProd ? PublicPath : ''}/static/js/use-default.min.js'></script>
|
|
<script src='${isProd ? PublicPath : ''}/static/js/amd.js'></script>
|
|
<script>
|
|
var _hmt = _hmt || [];
|
|
(function() {
|
|
var hm = document.createElement("script");
|
|
hm.src = "https://hm.baidu.com/hm.js?16d7da6d1dd79237d801ee55809cfe90";
|
|
var s = document.getElementsByTagName("script")[0];
|
|
s.parentNode.insertBefore(hm, s);
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
${depsMap}
|
|
${vendors}
|
|
<script type="systemjs-importmap">
|
|
{
|
|
"imports": ${JSON.stringify(portalMap)}
|
|
}
|
|
</script>
|
|
<script>
|
|
System.import('@portal/layout');
|
|
</script>
|
|
<div id="layout"></div>
|
|
</body>
|
|
</html>
|
|
`;
|
|
cb(null, data);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
module.exports = CoverHtmlWebpackPlugin;
|