75 lines
2.3 KiB
JavaScript
75 lines
2.3 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('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 outputFilename = self.options.filename || 'index.html';
|
|
|
|
if (self.options.templateContent) {
|
|
self.emitHtml(compiler, self.options.templateContent, templateParams, outputFilename);
|
|
callback();
|
|
} else {
|
|
var templateFile = self.options.template;
|
|
if (!templateFile) {
|
|
templateFile = path.join(__dirname, 'default_index.html');
|
|
}
|
|
|
|
fs.readFile(templateFile, 'utf8', function(err, htmlTemplateContent) {
|
|
if (err) {
|
|
compiler.errors.push(new Error('HtmlWebpackPlugin: Unable to read HTML template "' + templateFile + '"'));
|
|
} else {
|
|
self.emitHtml(compiler, htmlTemplateContent, templateParams, outputFilename);
|
|
}
|
|
callback();
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
HtmlWebpackPlugin.prototype.emitHtml = function(compiler, htmlTemplateContent, templateParams, outputFilename) {
|
|
var html = tmpl(htmlTemplateContent, templateParams);
|
|
compiler.assets[outputFilename] = {
|
|
source: function() {
|
|
return html;
|
|
},
|
|
size: function() {
|
|
return html.length;
|
|
}
|
|
};
|
|
};
|
|
|
|
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;
|