mirror of
https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz
synced 2025-06-04 11:25:52 +08:00
4b205e61c8
* tsconfig-paths-webpack-plugin package is added * baseUrl is updated * webpack config for development and production are updated * baseUrl is removed in the file * more .. is being removed * chore: removed the commented part in the webpack.config Co-authored-by: FIPalash Gupta <palash@indiagold.co>
77 lines
1.9 KiB
JavaScript
77 lines
1.9 KiB
JavaScript
// shared config (dev and prod)
|
|
const { resolve } = require("path");
|
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
|
const portFinderSync = require("portfinder-sync");
|
|
const dotenv = require("dotenv");
|
|
const webpack = require("webpack");
|
|
const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
|
|
|
|
dotenv.config();
|
|
|
|
console.log(resolve(__dirname, "./src/"));
|
|
|
|
module.exports = {
|
|
mode: "development",
|
|
devtool: "source-map",
|
|
entry: resolve(__dirname, "./src/index.tsx"),
|
|
devServer: {
|
|
historyApiFallback: true,
|
|
publicPath: "/",
|
|
transportMode: "ws",
|
|
open: true,
|
|
openPage: "application",
|
|
contentBase: [resolve(__dirname, "./public")],
|
|
hot: true,
|
|
liveReload: false,
|
|
inline: true,
|
|
// This is being used because if the port 3000 is being used
|
|
// then it will try to find another open port availble.
|
|
port: portFinderSync.getPort(3000),
|
|
},
|
|
output: {
|
|
filename: "js/bundle.[chunkhash].min.js",
|
|
path: resolve(__dirname, "./build"),
|
|
publicPath: "/",
|
|
},
|
|
resolve: {
|
|
extensions: [".ts", ".tsx", ".js", ".jsx"],
|
|
plugins: [new TsconfigPathsPlugin({})],
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: [/\.jsx?$/, /\.tsx?$/],
|
|
use: ["babel-loader"],
|
|
exclude: /node_modules/,
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: ["style-loader", "css-loader"],
|
|
},
|
|
{
|
|
test: /\.(scss|sass)$/,
|
|
use: ["style-loader", "css-loader", "sass-loader"],
|
|
},
|
|
{
|
|
test: /\.(jpe?g|png|gif|svg)$/i,
|
|
use: [
|
|
"file-loader?hash=sha512&digest=hex&name=img/[chunkhash].[ext]",
|
|
"image-webpack-loader?bypassOnDebug&optipng.optimizationLevel=7&gifsicle.interlaced=false",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({ template: "src/index.html.ejs" }),
|
|
new webpack.ProvidePlugin({
|
|
process: "process/browser",
|
|
}),
|
|
new webpack.DefinePlugin({
|
|
"process.env": JSON.stringify(process.env),
|
|
}),
|
|
],
|
|
performance: {
|
|
hints: false,
|
|
},
|
|
};
|