mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-11-25 03:06:31 -05:00
3b00601872
Previously, the HTML export template `html.hbs` included CDN links for the HTML and CSS resources. This commit enables Webpack to create a new `htmlexport.html` at build-time, which includes all resources inline. That template is then used as before by the frontend to be populated with the rendered note content. The tradeoff is that each exported .html file is about 5.6 MB in size, as we need to inline all fonts (icons & emojis). Signed-off-by: David Mehren <git@herrmehren.de>
39 lines
947 B
JavaScript
39 lines
947 B
JavaScript
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
const path = require('path')
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|
|
|
module.exports = {
|
|
name: 'save-as-html',
|
|
entry: {
|
|
htmlExport: path.join(__dirname, 'public/js/htmlExport.js')
|
|
},
|
|
module: {
|
|
rules: [{
|
|
test: /\.css$/,
|
|
use: [MiniCssExtractPlugin.loader, 'css-loader']
|
|
},
|
|
{
|
|
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
|
|
use: [
|
|
{
|
|
loader: 'url-loader'
|
|
}
|
|
]
|
|
}]
|
|
},
|
|
output: {
|
|
path: path.join(__dirname, 'public/build'),
|
|
publicPath: 'build/',
|
|
filename: '[name].js'
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
// Load a custom template (uses lodash templating)
|
|
template: 'public/views/htmlexport.ejs',
|
|
filename: 'htmlexport.html',
|
|
inject: false,
|
|
cache: false
|
|
}),
|
|
new MiniCssExtractPlugin({ filename: 'htmlexport.css' })
|
|
]
|
|
}
|