128 lines
3.3 KiB
JavaScript
128 lines
3.3 KiB
JavaScript
// webpack.config.js
|
|
const path = require("path");
|
|
const webpack = require("webpack");
|
|
const ESLintPlugin = require("eslint-webpack-plugin");
|
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
|
const CopyPlugin = require("copy-webpack-plugin");
|
|
const childProcess = require("child_process");
|
|
|
|
const isDevServer = process.env.WEBPACK_SERVE;
|
|
|
|
const dotEnvPath = path.resolve(
|
|
process.cwd(),
|
|
`.env${isDevServer ? `.local` : ""}`
|
|
);
|
|
require("dotenv").config({
|
|
path: dotEnvPath,
|
|
});
|
|
|
|
// for testing: for prod, the Dockerfile should have the official prod version used
|
|
const RWP_BASE_URL = process.env.RWP_BASE_URL || "https://replayweb.page/";
|
|
|
|
const WEBSOCKET_HOST =
|
|
isDevServer && process.env.API_BASE_URL
|
|
? new URL(process.env.API_BASE_URL).host
|
|
: process.env.WEBSOCKET_HOST || "";
|
|
|
|
// Get git info to use as Glitchtip release version
|
|
|
|
const execCommand = (cmd, defValue) => {
|
|
try {
|
|
return childProcess.execSync(cmd).toString().trim();
|
|
} catch (e) {
|
|
return defValue;
|
|
}
|
|
};
|
|
|
|
// Local dev only
|
|
// Git branch and commit hash is used to add build info to error reporter when running locally
|
|
const gitBranch =
|
|
process.env.GIT_BRANCH_NAME ||
|
|
execCommand("git rev-parse --abbrev-ref HEAD", "unknown");
|
|
|
|
const commitHash =
|
|
process.env.GIT_COMMIT_HASH ||
|
|
execCommand("git rev-parse --short HEAD", "unknown");
|
|
|
|
const shoelaceAssetsSrcPath = path.resolve(
|
|
__dirname,
|
|
"node_modules/@shoelace-style/shoelace/dist/assets"
|
|
);
|
|
const shoelaceAssetsPublicPath = "shoelace/assets";
|
|
|
|
module.exports = {
|
|
entry: "./src/index.ts",
|
|
output: {
|
|
path: path.resolve(__dirname, "dist"),
|
|
filename: `js/[name]${isDevServer ? "" : ".[contenthash]"}.js`,
|
|
publicPath: "/",
|
|
},
|
|
|
|
devtool: "inline-source-map",
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.ts$/,
|
|
include: path.resolve(__dirname, "src"),
|
|
use: "ts-loader",
|
|
exclude: /node_modules/,
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
"style-loader",
|
|
{ loader: "css-loader", options: { importLoaders: 1 } },
|
|
"postcss-loader",
|
|
],
|
|
},
|
|
{
|
|
test: /\.html$/,
|
|
loader: "html-loader",
|
|
},
|
|
],
|
|
},
|
|
|
|
resolve: {
|
|
extensions: [".ts", ".js"],
|
|
},
|
|
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
"process.env.WEBSOCKET_HOST": JSON.stringify(WEBSOCKET_HOST),
|
|
}),
|
|
|
|
new HtmlWebpackPlugin({
|
|
template: "src/index.ejs",
|
|
templateParameters: {
|
|
rwp_base_url: RWP_BASE_URL,
|
|
glitchtip_dsn: process.env.GLITCHTIP_DSN || "",
|
|
environment: isDevServer ? "development" : "production",
|
|
commit_hash: `${gitBranch} (${commitHash})`,
|
|
},
|
|
// Need to block during local development for HMR:
|
|
inject: isDevServer ? "head" : true,
|
|
scriptLoading: isDevServer ? "blocking" : "defer",
|
|
}),
|
|
|
|
// Lint js files
|
|
new ESLintPlugin({
|
|
// lint only changed files:
|
|
lintDirtyModulesOnly: true,
|
|
// prevent warnings from stopping dev build
|
|
emitWarning: false,
|
|
// enable to auto-fix source files:
|
|
// fix: true
|
|
}),
|
|
|
|
new CopyPlugin({
|
|
patterns: [
|
|
// Copy Shoelace assets to dist/shoelace
|
|
{
|
|
from: shoelaceAssetsSrcPath,
|
|
to: path.resolve(__dirname, "dist", shoelaceAssetsPublicPath),
|
|
},
|
|
],
|
|
}),
|
|
],
|
|
};
|