const helpers = require('./helpers')
+const path = require('path')
const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin
const HtmlWebpackPlugin = require('html-webpack-plugin')
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
-const HashedModuleIdsPlugin = require('webpack/lib/HashedModuleIdsPlugin')
+const TerserPlugin = require('terser-webpack-plugin')
const LoaderOptionsPlugin = require('webpack/lib/LoaderOptionsPlugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const PurifyCSSPlugin = require('purifycss-webpack')
module.exports = function () {
- const isProd = process.env.NODE_ENV === 'production'
-
const configuration = {
entry: {
- 'video-embed': './src/standalone/videos/embed.ts'
+ 'video-embed': './src/standalone/videos/embed.ts',
+ 'player': './src/standalone/player/player.ts',
+ 'test-embed': './src/standalone/videos/test-embed.ts'
},
resolve: {
*/
extensions: [ '.ts', '.js', '.json', '.scss' ],
- modules: [ helpers.root('src'), helpers.root('node_modules') ]
+ modules: [ helpers.root('src'), helpers.root('node_modules') ],
+
+ alias: {
+ 'video.js$': path.resolve('node_modules/video.js/core.js')
+ }
},
output: {
publicPath: '/client/standalone/videos/'
},
- // devtool: 'source-map',
+ devtool: process.env.NODE_ENV === 'production' ? false : 'source-map',
module: {
importLoaders: 1
}
},
- 'resolve-url-loader',
+ // {
+ // loader: 'resolve-url-loader',
+ // options: {
+ // debug: true
+ // }
+ // },
{
loader: 'sass-loader',
options: {
- sourceMap: true,
- includePaths: [
- helpers.root('src/sass/include')
- ]
+ sassOptions: {
+ sourceMap: true,
+ includePaths: [
+ helpers.root('src/sass/include')
+ ]
+ }
}
}
]
use: 'raw-loader',
exclude: [
helpers.root('src/index.html'),
- helpers.root('src/standalone/videos/embed.html')
+ helpers.root('src/standalone/videos/embed.html'),
+ helpers.root('src/standalone/videos/test-embed.html')
]
},
}),
new PurifyCSSPlugin({
- paths: [ helpers.root('src/standalone/videos/embed.ts') ],
+ paths: [
+ helpers.root('src/standalone/videos/embed.ts'),
+ helpers.root('src/standalone/videos/test-embed.html')
+ ],
purifyOptions: {
minify: true,
whitelist: [ '*vjs*', '*video-js*' ]
template: 'src/standalone/videos/embed.html',
filename: 'embed.html',
title: 'PeerTube',
- chunksSortMode: 'dependency',
- inject: 'body'
+ chunksSortMode: 'auto',
+ inject: 'body',
+ chunks: ['video-embed']
+ }),
+
+ new HtmlWebpackPlugin({
+ template: '!!html-loader!src/standalone/videos/test-embed.html',
+ filename: 'test-embed.html',
+ title: 'PeerTube',
+ chunksSortMode: 'auto',
+ inject: 'body',
+ chunks: ['test-embed']
}),
/**
})
],
+ optimization: {
+ minimizer: [
+ new TerserPlugin({
+ terserOptions: {
+ ecma: 6,
+ warnings: false,
+ ie8: false,
+ mangle: true,
+ compress: {
+ passes: 3,
+ pure_getters: true
+ },
+ output: {
+ ascii_only: true,
+ comments: false
+ }
+ }
+ })
+ ]
+ },
+
performance: {
maxEntrypointSize: 700000, // 600kB
maxAssetSize: 700000
}
}
- if (isProd) {
- configuration.plugins.push(
- new UglifyJsPlugin({
- uglifyOptions: {
- ecma: 6,
- warnings: false,
- ie8: false,
- mangle: true,
- compress: {
- passes: 3,
- pure_getters: true
- },
- output: {
- ascii_only: true,
- comments: false
- }
- }
- }),
-
- new HashedModuleIdsPlugin()
- )
- }
-
return configuration
}