webpack.common.js

const path = require('path');
const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const { Skeleton } = require('./webpack.skeleton');

const { ENV } = process.env;
// eslint-disable-next-line no-console
console.log(ENV);

const envPath = `./.env.${ENV}`;

const OUTPATH_MAP = {
    dev: 'dist',
    triliumTest: 'dist',
    preview: 'docs',
    prod: 'release',
};

let outputName = 'trilium-chat.js';

if (ENV === 'preview') {
    outputName = 'trilium-chat.[fullhash].js';
}

const isBrowser = ['dev', 'preview'].includes(ENV);
const debug = ['dev', 'triliumTest'].includes(ENV);

const outPath = OUTPATH_MAP[ENV];

module.exports = {
    entry: './src/main.js',
    output: {
        filename: outputName,
        path: path.resolve(__dirname, outPath),
        clean: true,
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env.IS_BROWSER': JSON.stringify(isBrowser),
            'process.env.DEBUG': JSON.stringify(debug),
        }),
        new Dotenv({
            path: envPath, // Path to .env file (this is the default)
        }),
        new Skeleton(),
    ],
    resolve: {
        alias: {
            '@': path.resolve(__dirname, 'src/'),
        },
    },
    module: {
        rules: [
            {
                test: /\.less$/i,
                use: [
                    // compiles Less to CSS
                    'style-loader',
                    'css-loader',
                    'less-loader',
                ],
            },
        ],
    },
};