PeerTube/client/webpack/webpack.video-embed.js

217 lines
5.4 KiB
JavaScript
Raw Normal View History

2017-07-23 14:49:52 +02:00
const helpers = require('./helpers')
2018-06-07 16:50:33 +02:00
const path = require('path')
2017-07-23 14:49:52 +02:00
const HtmlWebpackPlugin = require('html-webpack-plugin')
2018-09-21 09:18:28 +02:00
const TerserPlugin = require('terser-webpack-plugin')
2021-05-14 16:56:44 +02:00
const ProvidePlugin = require('webpack/lib/ProvidePlugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
2017-07-23 14:49:52 +02:00
module.exports = function () {
2017-07-23 14:49:52 +02:00
const configuration = {
entry: {
'video-embed': './src/standalone/videos/embed.ts',
'player': './src/standalone/player/player.ts',
'test-embed': './src/standalone/videos/test-embed.ts'
2017-07-23 14:49:52 +02:00
},
resolve: {
/*
* An array of extensions that should be used to resolve modules.
*
* See: http://webpack.github.io/docs/configuration.html#resolve-extensions
*/
extensions: [ '.ts', '.js', '.json', '.scss' ],
2021-02-03 11:44:43 +01:00
modules: [ helpers.root('src'), 'node_modules' ],
2018-06-07 16:50:33 +02:00
alias: {
'video.js$': path.resolve('node_modules/video.js/core.js'),
2021-08-06 16:41:08 +02:00
'hls.js$': path.resolve('node_modules/hls.js/dist/hls.light.js'),
2020-08-03 18:06:49 +02:00
'@root-helpers': path.resolve('src/root-helpers'),
2020-06-26 08:37:26 +02:00
'@shared/models': path.resolve('../shared/models'),
2020-08-06 14:58:01 +02:00
'@shared/core-utils': path.resolve('../shared/core-utils')
2021-05-14 16:56:44 +02:00
},
fallback: {
fs: [ path.resolve('src/shims/noop.ts') ],
http: [ path.resolve('src/shims/http.ts') ],
https: [ path.resolve('src/shims/https.ts') ],
path: [ path.resolve('src/shims/path.ts') ],
2021-08-06 16:41:08 +02:00
stream: [ path.resolve('src/shims/stream.ts') ],
2021-05-14 16:56:44 +02:00
crypto: [ path.resolve('src/shims/noop.ts') ]
2018-06-07 16:50:33 +02:00
}
2017-07-23 14:49:52 +02:00
},
output: {
path: helpers.root('dist/standalone/videos'),
2020-08-06 10:26:39 +02:00
filename: process.env.ANALYZE_BUNDLE === 'true'
? '[name].bundle.js'
2021-05-14 16:56:44 +02:00
: '[name].[contenthash].bundle.js',
2020-08-06 10:26:39 +02:00
2017-07-23 14:49:52 +02:00
sourceMapFilename: '[file].map',
2021-02-25 15:00:43 +01:00
chunkFilename: process.env.ANALYZE_BUNDLE === 'true'
? '[name].chunk.js'
2021-05-14 16:56:44 +02:00
: '[id].[contenthash].chunk.js',
2021-02-25 15:00:43 +01:00
2017-07-23 14:49:52 +02:00
publicPath: '/client/standalone/videos/'
},
2018-09-21 14:08:14 +02:00
devtool: process.env.NODE_ENV === 'production' ? false : 'source-map',
2018-05-29 15:05:03 +02:00
2017-07-23 14:49:52 +02:00
module: {
rules: [
{
test: /\.ts$/,
use: [
{
2020-06-26 08:37:26 +02:00
loader: 'ts-loader',
2017-07-23 14:49:52 +02:00
options: {
configFile: helpers.root('tsconfig.json')
2017-07-23 14:49:52 +02:00
}
}
2020-06-26 08:37:26 +02:00
]
2017-07-23 14:49:52 +02:00
},
2021-09-01 15:55:54 +02:00
{
2021-11-24 15:37:44 +01:00
test: /\.m?js$/,
2021-09-01 15:55:54 +02:00
use: [
{
loader: 'babel-loader',
options: {
presets: [
[
'@babel/preset-env', {
targets: 'last 1 Chrome version, last 2 Edge major versions, Firefox ESR, Safari >= 11, ios_saf >= 11'
}
]
]
}
}
]
},
2017-07-23 14:49:52 +02:00
{
test: /\.(sass|scss)$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
sourceMap: true,
importLoaders: 1
}
},
{
loader: 'sass-loader',
options: {
sassOptions: {
2017-07-23 14:49:52 +02:00
sourceMap: true,
includePaths: [
helpers.root('src/sass/include')
]
2017-07-23 14:49:52 +02:00
}
}
}
]
2017-07-23 14:49:52 +02:00
},
{
test: /\.html$/,
exclude: [
helpers.root('src/index.html'),
helpers.root('src/standalone/videos/embed.html'),
helpers.root('src/standalone/videos/test-embed.html')
2021-08-17 14:31:30 +02:00
],
type: 'asset/source'
2017-07-23 14:49:52 +02:00
},
{
2021-08-17 14:31:30 +02:00
test: /\.(jpg|png|gif|svg)$/,
type: 'asset'
2017-07-23 14:49:52 +02:00
},
2021-08-17 14:31:30 +02:00
{
test: /\.(ttf|eot|woff2?)$/,
type: 'asset'
}
2017-07-23 14:49:52 +02:00
]
},
plugins: [
2021-05-14 16:56:44 +02:00
new ProvidePlugin({
process: 'process/browser',
Buffer: [ 'buffer', 'Buffer' ]
}),
new MiniCssExtractPlugin({
2020-08-06 10:26:39 +02:00
filename: process.env.ANALYZE_BUNDLE === 'true'
? '[name].css'
2021-05-14 16:56:44 +02:00
: '[name].[contenthash].css'
2017-07-23 14:49:52 +02:00
}),
new HtmlWebpackPlugin({
template: 'src/standalone/videos/embed.html',
filename: 'embed.html',
title: 'PeerTube',
2020-03-31 15:43:17 +02:00
chunksSortMode: 'auto',
inject: 'body',
2021-05-14 16:56:44 +02:00
chunks: [ 'video-embed' ],
minify: {
collapseWhitespace: true,
removeComments: false,
removeRedundantAttributes: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true,
useShortDoctype: true
}
}),
new HtmlWebpackPlugin({
template: '!!html-loader!src/standalone/videos/test-embed.html',
filename: 'test-embed.html',
title: 'PeerTube',
2020-03-31 15:43:17 +02:00
chunksSortMode: 'auto',
inject: 'body',
2021-05-14 16:56:44 +02:00
chunks: [ 'test-embed' ]
2017-07-23 14:49:52 +02:00
})
],
2018-09-21 09:18:28 +02:00
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
}
}
})
]
},
2018-04-06 16:06:43 +02:00
performance: {
2018-05-14 10:57:07 +02:00
maxEntrypointSize: 700000, // 600kB
maxAssetSize: 700000
2018-04-06 16:06:43 +02:00
},
2017-07-23 14:49:52 +02:00
node: {
2021-05-14 16:56:44 +02:00
global: true
2017-07-23 14:49:52 +02:00
}
}
return configuration
}