/**
* 重置 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 = `
`;
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 += ``;
} else {
// TODO: entry 只有一个
portalMap['@portal/layout'] = item;
}
} else if (/\.css$/.test(item)) {
links += ``;
}
});
data.html = `
${links}
${depsMap}
${vendors}
`;
cb(null, data);
});
});
}
}
module.exports = CoverHtmlWebpackPlugin;