bitburner-src/webpack.config.js

192 lines
5.7 KiB
JavaScript
Raw Permalink Normal View History

2021-05-29 20:48:56 +02:00
/* eslint-disable @typescript-eslint/no-var-requires */
2021-09-05 20:10:23 +02:00
const path = require("path");
const webpack = require("webpack");
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
2021-09-05 20:10:23 +02:00
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
2021-09-17 05:51:38 +02:00
const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
module.exports = (env, argv) => {
2021-09-05 01:09:30 +02:00
const isDevServer = (env || {}).devServer === true;
const runInContainer = (env || {}).runInContainer === true;
const isDevelopment = argv.mode === "development";
2021-10-01 07:00:50 +02:00
const isFastRefresh = argv.fast === "true";
const outputDirectory = "dist";
2021-09-20 05:29:02 +02:00
const entry = "./src/index.tsx";
2021-09-05 01:09:30 +02:00
const statsConfig = {
builtAt: true,
children: false,
chunks: false,
chunkGroups: false,
chunkModules: false,
chunkOrigins: false,
colors: true,
2021-09-05 20:31:40 +02:00
entrypoints: false,
2021-09-05 01:09:30 +02:00
};
2021-09-05 01:09:30 +02:00
const devServerSettings = {
2021-09-17 05:51:38 +02:00
hot: true,
2021-09-05 01:09:30 +02:00
port: 8000,
devMiddleware: {
publicPath: `/`,
stats: statsConfig,
},
2023-01-07 00:16:17 +01:00
static: {
directory: path.join(__dirname, "dist"),
publicPath: "/dist",
2023-01-07 00:16:17 +01:00
},
2021-09-05 01:09:30 +02:00
};
2021-09-05 01:09:30 +02:00
// By default, the webpack-dev-server is not exposed outside of localhost.
// When running in a container we need it accessible externally.
if (runInContainer) {
devServerSettings.disableHostCheck = true;
devServerSettings.host = "0.0.0.0";
devServerSettings.watchOptions = {
poll: true,
};
}
// Get the current commit hash to inject into the app
// https://stackoverflow.com/a/38401256
2021-12-17 02:07:34 +01:00
const commitHash = require("child_process").execSync("git rev-parse --short HEAD").toString().trim();
2022-04-12 23:34:10 +02:00
const htmlConfig = {
title: "Bitburner",
template: "src/index.html",
2023-04-07 13:43:39 +02:00
filename: isDevServer ? "index.html" : "../index.html",
2022-04-12 23:34:10 +02:00
favicon: "favicon.ico",
googleAnalytics: {
trackingId: "UA-100157497-1",
},
meta: {},
minify: isDevelopment
? false
: {
collapseBooleanAttributes: true,
collapseInlineTagWhitespace: false,
collapseWhitespace: false,
conservativeCollapse: false,
html5: true,
includeAutoGeneratedTags: false,
keepClosingSlash: true,
minifyCSS: false,
minifyJS: false,
minifyURLs: false,
preserveLineBreaks: false,
preventAttributesEscaping: false,
processConditionalComments: false,
quoteCharacter: '"',
removeAttributeQuotes: false,
removeComments: false,
removeEmptyAttributes: false,
removeEmptyElements: false,
removeOptionalTags: false,
removeScriptTypeAttributes: false,
removeStyleLinkTypeAttributes: false,
removeTagWhitespace: false,
sortAttributes: false,
sortClassName: false,
useShortDoctype: false,
},
};
2021-09-05 01:09:30 +02:00
return {
plugins: [
new MonacoWebpackPlugin({ languages: ["javascript", "typescript"] }),
2021-09-05 01:09:30 +02:00
new webpack.DefinePlugin({
2021-09-09 05:47:34 +02:00
"process.env.NODE_ENV": isDevelopment ? '"development"' : '"production"',
2021-09-05 01:09:30 +02:00
}),
2022-04-12 23:34:10 +02:00
new HtmlWebpackPlugin(htmlConfig),
2021-09-05 20:10:23 +02:00
new ForkTsCheckerWebpackPlugin({
typescript: {
diagnosticOptions: {
semantic: true,
syntactic: true,
},
},
}),
new webpack.DefinePlugin({
2021-12-17 02:07:34 +01:00
__COMMIT_HASH__: JSON.stringify(commitHash || "DEV"),
}),
2021-09-05 20:31:40 +02:00
// In dev mode, use a faster method of create sourcemaps
// while keeping lines/columns accurate
isDevServer &&
new webpack.EvalSourceMapDevToolPlugin({
// Exclude vendor files from sourcemaps
// This is a huge speed improvement for not much loss
exclude: ["vendor"],
columns: true,
module: true,
}),
!isDevServer &&
new webpack.SourceMapDevToolPlugin({
filename: "[file].map",
columns: true,
module: true,
}),
2021-10-01 07:00:50 +02:00
isFastRefresh && new ReactRefreshWebpackPlugin(),
2021-09-05 20:31:40 +02:00
].filter(Boolean),
2021-09-05 01:09:30 +02:00
target: "web",
2021-09-20 05:29:02 +02:00
entry: entry,
2021-09-05 01:09:30 +02:00
output: {
path: path.resolve(__dirname, outputDirectory),
2021-09-05 01:09:30 +02:00
filename: "[name].bundle.js",
assetModuleFilename: "assets/[hash][ext][query]",
2021-09-05 01:09:30 +02:00
},
module: {
rules: [
{
test: /\.(js$|jsx|ts|tsx)$/,
2021-09-05 01:09:30 +02:00
exclude: /node_modules/,
2021-09-05 02:52:23 +02:00
use: {
loader: "babel-loader",
2021-09-05 02:52:23 +02:00
options: {
2021-10-01 07:00:50 +02:00
plugins: [isFastRefresh && require.resolve("react-refresh/babel")].filter(Boolean),
cacheDirectory: true,
2021-09-05 02:52:23 +02:00
},
2021-09-05 01:09:30 +02:00
},
},
{ test: /\.(ttf|png|jpe?g|gif|jp2|webp)$/, type: "asset/resource" },
2021-09-05 01:09:30 +02:00
{
test: /\.s?css$/,
use: ["style-loader", "css-loader"],
},
2021-09-05 01:09:30 +02:00
],
},
optimization: {
removeAvailableModules: true,
removeEmptyChunks: true,
mergeDuplicateChunks: true,
flagIncludedChunks: true,
sideEffects: true,
providedExports: true,
usedExports: true,
concatenateModules: false,
minimize: !isDevelopment,
portableRecords: true,
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: `vendor`,
2021-09-05 01:09:30 +02:00
chunks: "all",
},
},
},
},
devServer: devServerSettings,
resolve: {
extensions: [".tsx", ".ts", ".js", ".jsx"],
alias: {
"@player": path.resolve(__dirname, "src/Player"),
"@enums": path.resolve(__dirname, "src/Enums"),
"@nsdefs": path.resolve(__dirname, "src/ScriptEditor/NetscriptDefinitions.d.ts"),
},
fallback: { crypto: false },
2021-09-05 01:09:30 +02:00
},
stats: statsConfig,
};
};