mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-13 14:44:43 -04:00
Upgrade to Webpack 4 - first try
Signed-off-by: David Mehren <dmehren1@gmail.com>
This commit is contained in:
David Mehren
parent
0017ddd310
commit
29a3813ada
7 changed files with 3026 additions and 1413 deletions
|
|
@ -1,8 +1,8 @@
|
|||
var webpack = require('webpack')
|
||||
var path = require('path')
|
||||
var ExtractTextPlugin = require('extract-text-webpack-plugin')
|
||||
var HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
var CopyWebpackPlugin = require('copy-webpack-plugin')
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
||||
|
||||
// Fix possible nofile-issues
|
||||
var fs = require('fs')
|
||||
|
|
@ -21,14 +21,6 @@ module.exports = {
|
|||
'moment': 'moment',
|
||||
'Handlebars': 'handlebars'
|
||||
}),
|
||||
new webpack.optimize.OccurrenceOrderPlugin(true),
|
||||
new webpack.optimize.CommonsChunkPlugin({
|
||||
names: ['cover', 'index', 'pretty', 'slide', 'vendor'],
|
||||
children: true,
|
||||
async: true,
|
||||
filename: '[name].js',
|
||||
minChunks: Infinity
|
||||
}),
|
||||
new HtmlWebpackPlugin({
|
||||
template: 'public/views/includes/header.ejs',
|
||||
chunks: ['font', 'index-styles', 'index'],
|
||||
|
|
@ -162,15 +154,17 @@ module.exports = {
|
|||
from: 'plugin',
|
||||
to: 'reveal.js/plugin'
|
||||
}
|
||||
])
|
||||
]),
|
||||
new MiniCssExtractPlugin()
|
||||
],
|
||||
|
||||
entry: {
|
||||
font: path.join(__dirname, 'public/css/google-font.css'),
|
||||
'font-pack': path.join(__dirname, 'public/css/font.css'),
|
||||
common: [
|
||||
'expose?jQuery!expose?$!jquery',
|
||||
'expose-loader?jQuery!expose-loader?$!jquery',
|
||||
'velocity-animate',
|
||||
'imports?$=jquery!jquery-mousewheel',
|
||||
'imports-loader?$=jquery!jquery-mousewheel',
|
||||
'bootstrap'
|
||||
],
|
||||
cover: [
|
||||
|
|
@ -187,27 +181,27 @@ module.exports = {
|
|||
'cover-pack': [
|
||||
'babel-polyfill',
|
||||
'bootstrap-validator',
|
||||
'expose?select2!select2',
|
||||
'expose?moment!moment',
|
||||
'script!js-url',
|
||||
'expose-loader?select2!select2',
|
||||
'expose-loader?moment!moment',
|
||||
'script-loader!js-url',
|
||||
path.join(__dirname, 'public/js/cover.js')
|
||||
],
|
||||
index: [
|
||||
'babel-polyfill',
|
||||
'script!jquery-ui-resizable',
|
||||
'script!js-url',
|
||||
'expose?filterXSS!xss',
|
||||
'script!Idle.Js',
|
||||
'expose?LZString!lz-string',
|
||||
'script!codemirror',
|
||||
'script!inlineAttachment',
|
||||
'script!jqueryTextcomplete',
|
||||
'script!codemirrorSpellChecker',
|
||||
'script!codemirrorInlineAttachment',
|
||||
'script!ot',
|
||||
'script-loader!jquery-ui-resizable',
|
||||
'script-loader!js-url',
|
||||
'expose-loader?filterXSS!xss',
|
||||
'script-loader!Idle.Js',
|
||||
'expose-loader?LZString!lz-string',
|
||||
'script-loader!codemirror',
|
||||
'script-loader!inlineAttachment',
|
||||
'script-loader!jqueryTextcomplete',
|
||||
'script-loader!codemirrorSpellChecker',
|
||||
'script-loader!codemirrorInlineAttachment',
|
||||
'script-loader!ot',
|
||||
'flowchart.js',
|
||||
'js-sequence-diagrams',
|
||||
'expose?RevealMarkdown!reveal-markdown',
|
||||
'expose-loader?RevealMarkdown!reveal-markdown',
|
||||
path.join(__dirname, 'public/js/index.js')
|
||||
],
|
||||
'index-styles': [
|
||||
|
|
@ -238,40 +232,40 @@ module.exports = {
|
|||
],
|
||||
'index-pack': [
|
||||
'babel-polyfill',
|
||||
'expose?Spinner!spin.js',
|
||||
'script!jquery-ui-resizable',
|
||||
'expose-loader?Spinner!spin.js',
|
||||
'script-loader!jquery-ui-resizable',
|
||||
'bootstrap-validator',
|
||||
'expose?jsyaml!js-yaml',
|
||||
'script!mermaid',
|
||||
'expose?moment!moment',
|
||||
'script!js-url',
|
||||
'script!handlebars',
|
||||
'expose?hljs!highlight.js',
|
||||
'expose?emojify!emojify.js',
|
||||
'expose?filterXSS!xss',
|
||||
'script!Idle.Js',
|
||||
'script!gist-embed',
|
||||
'expose?LZString!lz-string',
|
||||
'script!codemirror',
|
||||
'script!inlineAttachment',
|
||||
'script!jqueryTextcomplete',
|
||||
'script!codemirrorSpellChecker',
|
||||
'script!codemirrorInlineAttachment',
|
||||
'script!ot',
|
||||
'expose-loader?jsyaml!js-yaml',
|
||||
'script-loader!mermaid',
|
||||
'expose-loader?moment!moment',
|
||||
'script-loader!js-url',
|
||||
'script-loader!handlebars',
|
||||
'expose-loader?hljs!highlight.js',
|
||||
'expose-loader?emojify!emojify.js',
|
||||
'expose-loader?filterXSS!xss',
|
||||
'script-loader!Idle.Js',
|
||||
'script-loader!gist-embed',
|
||||
'expose-loader?LZString!lz-string',
|
||||
'script-loader!codemirror',
|
||||
'script-loader!inlineAttachment',
|
||||
'script-loader!jqueryTextcomplete',
|
||||
'script-loader!codemirrorSpellChecker',
|
||||
'script-loader!codemirrorInlineAttachment',
|
||||
'script-loader!ot',
|
||||
'flowchart.js',
|
||||
'js-sequence-diagrams',
|
||||
'expose?Viz!viz.js',
|
||||
'script!abcjs',
|
||||
'expose?io!socket.io-client',
|
||||
'expose?RevealMarkdown!reveal-markdown',
|
||||
'expose-loader?Viz!viz.js',
|
||||
'script-loader!abcjs',
|
||||
'expose-loader?io!socket.io-client',
|
||||
'expose-loader?RevealMarkdown!reveal-markdown',
|
||||
path.join(__dirname, 'public/js/index.js')
|
||||
],
|
||||
pretty: [
|
||||
'babel-polyfill',
|
||||
'expose?filterXSS!xss',
|
||||
'expose-loader?filterXSS!xss',
|
||||
'flowchart.js',
|
||||
'js-sequence-diagrams',
|
||||
'expose?RevealMarkdown!reveal-markdown',
|
||||
'expose-loader?RevealMarkdown!reveal-markdown',
|
||||
path.join(__dirname, 'public/js/pretty.js')
|
||||
],
|
||||
'pretty-styles': [
|
||||
|
|
@ -288,28 +282,28 @@ module.exports = {
|
|||
],
|
||||
'pretty-pack': [
|
||||
'babel-polyfill',
|
||||
'expose?jsyaml!js-yaml',
|
||||
'script!mermaid',
|
||||
'expose?moment!moment',
|
||||
'script!handlebars',
|
||||
'expose?hljs!highlight.js',
|
||||
'expose?emojify!emojify.js',
|
||||
'expose?filterXSS!xss',
|
||||
'script!gist-embed',
|
||||
'expose-loader?jsyaml!js-yaml',
|
||||
'script-loader!mermaid',
|
||||
'expose-loader?moment!moment',
|
||||
'script-loader!handlebars',
|
||||
'expose-loader?hljs!highlight.js',
|
||||
'expose-loader?emojify!emojify.js',
|
||||
'expose-loader?filterXSS!xss',
|
||||
'script-loader!gist-embed',
|
||||
'flowchart.js',
|
||||
'js-sequence-diagrams',
|
||||
'expose?Viz!viz.js',
|
||||
'script!abcjs',
|
||||
'expose?RevealMarkdown!reveal-markdown',
|
||||
'expose-loader?Viz!viz.js',
|
||||
'script-loader!abcjs',
|
||||
'expose-loader?RevealMarkdown!reveal-markdown',
|
||||
path.join(__dirname, 'public/js/pretty.js')
|
||||
],
|
||||
slide: [
|
||||
'babel-polyfill',
|
||||
'bootstrap-tooltip',
|
||||
'expose?filterXSS!xss',
|
||||
'expose-loader?filterXSS!xss',
|
||||
'flowchart.js',
|
||||
'js-sequence-diagrams',
|
||||
'expose?RevealMarkdown!reveal-markdown',
|
||||
'expose-loader?RevealMarkdown!reveal-markdown',
|
||||
path.join(__dirname, 'public/js/slide.js')
|
||||
],
|
||||
'slide-styles': [
|
||||
|
|
@ -325,25 +319,25 @@ module.exports = {
|
|||
],
|
||||
'slide-pack': [
|
||||
'babel-polyfill',
|
||||
'expose?jQuery!expose?$!jquery',
|
||||
'expose-loader?jQuery!expose-loader?$!jquery',
|
||||
'velocity-animate',
|
||||
'imports?$=jquery!jquery-mousewheel',
|
||||
'imports-loader?$=jquery!jquery-mousewheel',
|
||||
'bootstrap-tooltip',
|
||||
'expose?jsyaml!js-yaml',
|
||||
'script!mermaid',
|
||||
'expose?moment!moment',
|
||||
'script!handlebars',
|
||||
'expose?hljs!highlight.js',
|
||||
'expose?emojify!emojify.js',
|
||||
'expose?filterXSS!xss',
|
||||
'script!gist-embed',
|
||||
'expose-loader?jsyaml!js-yaml',
|
||||
'script-loader!mermaid',
|
||||
'expose-loader?moment!moment',
|
||||
'script-loader!handlebars',
|
||||
'expose-loader?hljs!highlight.js',
|
||||
'expose-loader?emojify!emojify.js',
|
||||
'expose-loader?filterXSS!xss',
|
||||
'script-loader!gist-embed',
|
||||
'flowchart.js',
|
||||
'js-sequence-diagrams',
|
||||
'expose?Viz!viz.js',
|
||||
'script!abcjs',
|
||||
'expose-loader?Viz!viz.js',
|
||||
'script-loader!abcjs',
|
||||
'headjs',
|
||||
'expose?Reveal!reveal.js',
|
||||
'expose?RevealMarkdown!reveal-markdown',
|
||||
'expose-loader?Reveal!reveal.js',
|
||||
'expose-loader?RevealMarkdown!reveal-markdown',
|
||||
path.join(__dirname, 'public/js/slide.js')
|
||||
]
|
||||
},
|
||||
|
|
@ -356,8 +350,8 @@ module.exports = {
|
|||
},
|
||||
|
||||
resolve: {
|
||||
modulesDirectories: ['node_modules'],
|
||||
extensions: ['', '.js'],
|
||||
modules: ['node_modules'],
|
||||
extensions: ['.js'],
|
||||
alias: {
|
||||
codemirror: path.join(__dirname, 'node_modules/codemirror/codemirror.min.js'),
|
||||
inlineAttachment: path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
|
||||
|
|
@ -388,54 +382,82 @@ module.exports = {
|
|||
},
|
||||
|
||||
module: {
|
||||
loaders: [{
|
||||
test: /\.json$/,
|
||||
loader: 'json-loader'
|
||||
}, {
|
||||
rules: [{
|
||||
test: /\.js$/,
|
||||
loader: 'babel',
|
||||
use: [{loader: 'babel-loader'}],
|
||||
exclude: [/node_modules/, /public\/vendor/]
|
||||
}, {
|
||||
test: /\.css$/,
|
||||
loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
|
||||
use: [
|
||||
MiniCssExtractPlugin.loader,
|
||||
'css-loader'
|
||||
]
|
||||
}, {
|
||||
test: /\.scss$/,
|
||||
loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
|
||||
use: [
|
||||
MiniCssExtractPlugin.loader,
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
importLoaders: 1
|
||||
}
|
||||
},
|
||||
'sass-loader'
|
||||
]
|
||||
}, {
|
||||
test: /\.less$/,
|
||||
loader: ExtractTextPlugin.extract('style-loader', 'less-loader')
|
||||
use: [
|
||||
MiniCssExtractPlugin.loader,
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
importLoaders: 1
|
||||
}
|
||||
},
|
||||
'less-loader'
|
||||
]
|
||||
}, {
|
||||
test: require.resolve('js-sequence-diagrams'),
|
||||
loader: 'imports?_=lodash&Raphael=raphael&eve=eve'
|
||||
use: [{
|
||||
loader: 'imports-loader',
|
||||
options: {_: 'lodash', Raphael: 'raphael', eve: 'eve'}}]
|
||||
}, {
|
||||
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
|
||||
loader: 'file'
|
||||
use: [{loader: 'file-loader'}]
|
||||
}, {
|
||||
test: /\.html$/,
|
||||
loader: 'string'
|
||||
use: [{loader: 'string-loader'}]
|
||||
}, {
|
||||
test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
|
||||
loader: 'url?prefix=font/&limit=5000'
|
||||
use: [{
|
||||
loader: 'url-loader',
|
||||
options: {prefix: 'font/', limit: '5000'}}]
|
||||
}, {
|
||||
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
|
||||
loader: 'url?limit=10000&mimetype=application/octet-stream'
|
||||
use: [{
|
||||
loader: 'url-loader',
|
||||
options: {limit: '5000', mimetype: 'application/octet-stream'}}]
|
||||
}, {
|
||||
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
|
||||
loader: 'url?limit=10000&mimetype=image/svg+xml'
|
||||
use: [{
|
||||
loader: 'url-loader',
|
||||
options: {limit: '10000', mimetype: 'svg+xml'}}]
|
||||
}, {
|
||||
test: /\.png(\?v=\d+\.\d+\.\d+)?$/,
|
||||
loader: 'url?limit=10000&mimetype=image/png'
|
||||
use: [{
|
||||
loader: 'url-loader',
|
||||
options: {limit: '10000', mimetype: 'image/png'}}]
|
||||
}, {
|
||||
test: /\.gif(\?v=\d+\.\d+\.\d+)?$/,
|
||||
loader: 'url?limit=10000&mimetype=image/gif'
|
||||
use: [{
|
||||
loader: 'url-loader',
|
||||
options: {limit: '10000', mimetype: 'image/gif'}}]
|
||||
}]
|
||||
},
|
||||
node: {
|
||||
fs: 'empty'
|
||||
},
|
||||
|
||||
quiet: false,
|
||||
noInfo: false,
|
||||
stats: {
|
||||
assets: false
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue