MusareFork/frontend/webpack.common.js

process.env.NODE_CONFIG_DIR = `${__dirname}/dist/config/`;
const path = require("path");
const fs = require("fs");
const config = require("config");
const { VueLoaderPlugin } = require("vue-loader");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ESLintPlugin = require("eslint-webpack-plugin");
const packageJson = require("./package.json");

console.log(`Musare version: ${packageJson.version}.`);

const debug = {
	git: {
		remote: "",
		remoteUrl: "",
		branch: "",
		latestCommit: "",
		latestCommitShort: ""
	},
	version: ""
};

if (config.get("debug.version")) debug.version = packageJson.version;

try {
	const headContents = fs
		.readFileSync(".parent_git/HEAD")
		.toString()
		.replace(/\n/g, "");
	const branch = new RegExp("ref: refs/heads/([.A-Za-z0-9_-]+)").exec(
		headContents
	)[1];
	const configContents = fs
		.readFileSync(".parent_git/config")
		.toString()
		.replace(/\t/g, "")
		.split("\n");
	const remote = new RegExp("remote = (.+)").exec(
		configContents[configContents.indexOf(`[branch "${branch}"]`) + 1]
	)[1];
	const remoteUrl = new RegExp("url = (.+)").exec(
		configContents[configContents.indexOf(`[remote "${remote}"]`) + 1]
	)[1];
	const latestCommit = fs
		.readFileSync(`.parent_git/refs/heads/${branch}`)
		.toString()
		.replace(/\n/g, "");
	const latestCommitShort = latestCommit.substr(0, 7);

	console.log(
		`Git branch: ${remote}/${branch}. Remote url: ${remoteUrl}. Latest commit: ${latestCommit} (${latestCommitShort}).`
	);

	if (config.get("debug.git.remote")) debug.git.remote = remote;
	if (config.get("debug.git.remoteUrl")) debug.git.remoteUrl = remoteUrl;
	if (config.get("debug.git.branch")) debug.git.branch = branch;
	if (config.get("debug.git.latestCommit"))
		debug.git.latestCommit = latestCommit;
	if (config.get("debug.git.latestCommitShort"))
		debug.git.latestCommitShort = latestCommitShort;
} catch (e) {
	console.log(`Could not get Git info: ${e.message}.`);
}

module.exports = {
	entry: "./src/main.js",
	output: {
		path: `${__dirname}/dist/build/`,
		filename: "[name].[contenthash].js"
	},
	resolve: {
		alias: {
			"@": path.resolve(__dirname, "./src/")
		},
		extensions: [".js", ".vue"]
	},
	plugins: [
		new VueLoaderPlugin(),
		new HtmlWebpackPlugin({
			hash: true,
			template: "dist/index.tpl.html",
			inject: "body",
			filename: "index.html",
			debug
		}),
		new ESLintPlugin()
	],
	module: {
		rules: [
			{
				test: /\.vue$/,
				loader: "vue-loader",
				exclude: /node_modules/
			},
			{
				test: /\.js$/,
				loader: "babel-loader",
				exclude: /node_modules/
			},
			{
				test: /\.scss$/,
				exclude: /node_modules/,
				use: [
					"vue-style-loader",
					{
						loader: "css-loader",
						options: {
							url: false
						}
					},
					"sass-loader"
				]
			}
		]
	}
};