52 lines
1.7 KiB
JavaScript
52 lines
1.7 KiB
JavaScript
var fs = require('fs');
|
|
var path = require('path');
|
|
var tmpl = require('blueimp-tmpl').tmpl;
|
|
|
|
function HtmlWebpackPlugin(options) {
|
|
this.options = options || {};
|
|
}
|
|
|
|
HtmlWebpackPlugin.prototype.apply = function(compiler) {
|
|
var self = this;
|
|
compiler.plugin('after-emit', function(compiler, callback) {
|
|
var webpackStatsJson = compiler.getStats().toJson();
|
|
var templateParams = {};
|
|
templateParams.webpack = webpackStatsJson;
|
|
templateParams.htmlWebpackPlugin = {};
|
|
templateParams.htmlWebpackPlugin.assets = self.htmlWebpackPluginAssets(compiler, webpackStatsJson);
|
|
templateParams.htmlWebpackPlugin.options = self.options;
|
|
|
|
var templateFile = self.options.template;
|
|
if (!templateFile) {
|
|
templateFile = path.join(__dirname, 'default_index.html');
|
|
}
|
|
|
|
var htmlTemplateContent = fs.readFileSync(templateFile, 'utf8');
|
|
var html = tmpl(htmlTemplateContent, templateParams);
|
|
var outputPath = path.join(compiler.options.output.path, 'index.html');
|
|
this.outputFileSystem.writeFile(outputPath, html, callback);
|
|
});
|
|
};
|
|
|
|
HtmlWebpackPlugin.prototype.htmlWebpackPluginAssets = function(compiler, webpackStatsJson) {
|
|
var assets = {};
|
|
for (var chunk in webpackStatsJson.assetsByChunkName) {
|
|
var chunkValue = webpackStatsJson.assetsByChunkName[chunk];
|
|
|
|
// Webpack outputs an array for each chunk when using sourcemaps
|
|
if (chunkValue instanceof Array) {
|
|
// Is the main bundle always the first element?
|
|
chunkValue = chunkValue[0];
|
|
}
|
|
|
|
if (compiler.options.output.publicPath) {
|
|
chunkValue = compiler.options.output.publicPath + chunkValue;
|
|
}
|
|
assets[chunk] = chunkValue;
|
|
}
|
|
|
|
return assets;
|
|
};
|
|
|
|
module.exports = HtmlWebpackPlugin;
|