mirror of
https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz
synced 2025-06-04 11:25:52 +08:00
3acef9c86a
* BugFix:Open a new port on local dev server if existing port is being used. * Update Read me and dev dependcies * Fix yarn package and add npmrc file
78 lines
1.8 KiB
JavaScript
78 lines
1.8 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");
|
|
|
|
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: {
|
|
alias: {
|
|
Src: resolve(__dirname, "./src/"),
|
|
},
|
|
extensions: [".ts", ".tsx", ".js", ".jsx"],
|
|
},
|
|
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,
|
|
},
|
|
};
|