127 lines
3.5 KiB
JavaScript
127 lines
3.5 KiB
JavaScript
const webpack = require('webpack')
|
|
const path = require('path')
|
|
const CopyPlugin = require('copy-webpack-plugin')
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|
// https://webpack.js.org/guides/production/
|
|
|
|
/** @type {import('webpack').Configuration} */
|
|
const config = {
|
|
entry: path.resolve(__dirname, './src/index.js'),
|
|
output: {
|
|
path: path.resolve(__dirname, './dist'),
|
|
filename: './[name].js',
|
|
publicPath: './',
|
|
hotUpdateChunkFilename: 'hot/hot-update.[name].js',
|
|
hotUpdateMainFilename: 'hot/hot-update.json'
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'browserfs$': 'browserfs/dist/browserfs.mjs',
|
|
'bfsGlobal': 'browserfs',
|
|
'fs': 'browserfs/dist/shims/fs.js',
|
|
'buffer': 'browserfs/dist/shims/buffer.js',
|
|
'path': 'browserfs/dist/shims/path.js',
|
|
buffer: require.resolve('buffer/'),
|
|
|
|
'minecraft-protocol$': path.resolve(
|
|
__dirname,
|
|
'node_modules/minecraft-protocol/src/index.js'
|
|
), // Hack to allow creating the client in a browser
|
|
express: false,
|
|
net: 'net-browserify',
|
|
'valtio$': require.resolve('./valtio.js'),
|
|
'valtio/vanilla$': require.resolve('./valtio.js'),
|
|
'valtio/utils$': require.resolve('./valtio.js'),
|
|
jose: false
|
|
},
|
|
fallback: {
|
|
jose: false,
|
|
zlib: require.resolve('browserify-zlib'),
|
|
stream: require.resolve('stream-browserify'),
|
|
buffer: require.resolve('buffer/'),
|
|
events: require.resolve('events/'),
|
|
assert: require.resolve('assert/'),
|
|
crypto: require.resolve('crypto-browserify'),
|
|
path: require.resolve('path-browserify'),
|
|
constants: require.resolve('constants-browserify'),
|
|
os: require.resolve('os-browserify/browser'),
|
|
http: require.resolve('http-browserify'),
|
|
https: require.resolve('https-browserify'),
|
|
timers: require.resolve('timers-browserify'),
|
|
child_process: false,
|
|
tls: false,
|
|
perf_hooks: path.resolve(__dirname, 'src/perf_hooks_replacement.js'),
|
|
dns: path.resolve(__dirname, 'src/dns.js')
|
|
},
|
|
extensions: [
|
|
'.js',
|
|
'.ts',
|
|
'.json',
|
|
'.jsx',
|
|
'.tsx'
|
|
],
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.(tsx?)|(jsx)$/,
|
|
loader: 'esbuild-loader',
|
|
// options: {
|
|
// // JavaScript version to compile to
|
|
// target: 'es2015'
|
|
// }
|
|
},
|
|
{
|
|
test: /\.(png|jpg|gif|svg)$/i,
|
|
use: [
|
|
{
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: true,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.css$/i,
|
|
use: ["style-loader", {
|
|
loader: 'css-loader',
|
|
options: { url: false }
|
|
}],
|
|
},
|
|
],
|
|
parser: {
|
|
javascript: {
|
|
commonjsMagicComments: true,
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
template: 'index.html',
|
|
// adding hash will make stop service worker from caching!
|
|
hash: process.argv.includes('webpack.prod.js') ? false : true,
|
|
minify: false,
|
|
chunks: ['main', 'vendors'],
|
|
}),
|
|
new webpack.ProvidePlugin({
|
|
process: 'process/browser.js',
|
|
BrowserFS: 'bfsGlobal',
|
|
Buffer: ['buffer', 'Buffer']
|
|
}),
|
|
// new webpack.ProvidePlugin({
|
|
// Buffer: ['buffer', 'Buffer']
|
|
// }),
|
|
new webpack.NormalModuleReplacementPlugin(
|
|
/prismarine-viewer[/|\\]viewer[/|\\]lib[/|\\]utils/,
|
|
'./utils.web.js'
|
|
),
|
|
new CopyPlugin({
|
|
patterns: [
|
|
{ from: path.join(__dirname, 'src/styles.css'), to: './index.css' },
|
|
]
|
|
})
|
|
]
|
|
}
|
|
|
|
module.exports = config
|