anonymous-student/webpack.config.js

Anonymous student is used to retrieve and save information from our website users.

process.env.STAGE = (process.env.STAGE) ? process.env.STAGE : 'dev';
const path = require('path');
const WebpackHelper = require("@studyportals/webpack-helper");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const baseUrl = require("./build/base_url");

const configuration = WebpackHelper.create({
	entry: {
		bundle: './src/index.ts',
	},
	bob: {
		name: "AnonymousStudent",
		baseURL: baseUrl() + "/dist",
		priority: true,
		loadConfiguration: {
			bundle: {
				identifier: "anonymousStudent",
				onLoad: "RetryService.onLoad('anonymousStudent')",
				onError: "RetryService.retryLoad('anonymousStudent', 3)"
			}
		}
	},
	output: {
		path: path.resolve(__dirname, 'dist'),
		hash: true,
		publicPath: '/dist/',
		filename: '[name].js'
	},
	preset: 'typescript',
	common: {
		plugins: [
			new HtmlWebpackPlugin({
				hash: true,
				inject: true,
				title: "LinkedIn popup",
				template: path.resolve(__dirname, "./src/index.html"),
				filename: path.resolve(__dirname, "./index.html"),
				chunks: ["bundle"],
			}),
			new CleanWebpackPlugin(),
		],
		resolve: {
			alias: {
				config: `${__dirname}/src/config/${process.env.STAGE}.ts`,
			}
		}
	},
	development: {
		devServer: {
			open: true,
			host: '0.0.0.0',
			port: 6661,
			static: {
				directory: __dirname,
			},
			allowedHosts: [
				'.ngrok.io'
			],
			headers: {
				"Access-Control-Allow-Origin": "*",
				"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
				"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
			},
			devMiddleware: {
				writeToDisk: true,
			},
			client: {
				overlay: true,
			},
		}
	}
});

module.exports = (env, details) => configuration.get(details.mode);