const HtmlWebpackPlugin = require('html-webpack-plugin')
const TerserPlugin = require('terser-webpack-plugin')
-const LoaderOptionsPlugin = require('webpack/lib/LoaderOptionsPlugin')
+const ProvidePlugin = require('webpack/lib/ProvidePlugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
module.exports = function () {
alias: {
'video.js$': path.resolve('node_modules/video.js/core.js'),
+ 'hls.js$': path.resolve('node_modules/hls.js/dist/hls.light.js'),
'@root-helpers': path.resolve('src/root-helpers'),
'@shared/models': path.resolve('../shared/models'),
'@shared/core-utils': path.resolve('../shared/core-utils')
+ },
+
+ 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') ],
+ stream: [ path.resolve('src/shims/stream.ts') ],
+ crypto: [ path.resolve('src/shims/noop.ts') ]
}
},
filename: process.env.ANALYZE_BUNDLE === 'true'
? '[name].bundle.js'
- : '[name].[hash].bundle.js',
+ : '[name].[contenthash].bundle.js',
sourceMapFilename: '[file].map',
- chunkFilename: '[id].[hash].chunk.js',
+
+ chunkFilename: process.env.ANALYZE_BUNDLE === 'true'
+ ? '[name].chunk.js'
+ : '[id].[contenthash].chunk.js',
+
publicPath: '/client/standalone/videos/'
},
{
loader: 'ts-loader',
options: {
- configFile: 'tsconfig.base.json'
+ configFile: helpers.root('tsconfig.json')
+ }
+ }
+ ]
+ },
+ {
+ test: /\.m?js$/,
+ 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'
+ }
+ ]
+ ]
}
}
]
{
test: /\.html$/,
- use: 'raw-loader',
exclude: [
helpers.root('src/index.html'),
helpers.root('src/standalone/videos/embed.html'),
helpers.root('src/standalone/videos/test-embed.html')
- ]
+ ],
+ type: 'asset/source'
},
{
- test: /\.(jpg|png|gif)$/,
- use: 'url-loader'
+ test: /\.(jpg|png|gif|svg)$/,
+ type: 'asset'
},
- { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: 'url-loader?limit=10000&minetype=application/font-woff' },
- { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: 'file-loader' }
+ {
+ test: /\.(ttf|eot|woff2?)$/,
+ type: 'asset'
+ }
]
},
plugins: [
+ new ProvidePlugin({
+ process: 'process/browser',
+ Buffer: [ 'buffer', 'Buffer' ]
+ }),
+
new MiniCssExtractPlugin({
filename: process.env.ANALYZE_BUNDLE === 'true'
? '[name].css'
- : '[name].[hash].css'
+ : '[name].[contenthash].css'
}),
new HtmlWebpackPlugin({
title: 'PeerTube',
chunksSortMode: 'auto',
inject: 'body',
- chunks: ['video-embed'],
+ chunks: [ 'video-embed' ],
minify: {
collapseWhitespace: true,
removeComments: false,
title: 'PeerTube',
chunksSortMode: 'auto',
inject: 'body',
- chunks: ['test-embed']
- }),
-
- /**
- * Plugin LoaderOptionsPlugin (experimental)
- *
- * See: https://gist.github.com/sokra/27b24881210b56bbaff7
- */
- new LoaderOptionsPlugin({
- options: {
- context: __dirname,
- output: {
- path: helpers.root('dist')
- }
- }
+ chunks: [ 'test-embed' ]
})
],
},
node: {
- global: true,
- crypto: 'empty',
- fs: 'empty',
- process: true,
- module: false,
- clearImmediate: false,
- setImmediate: false
+ global: true
}
}