Использование веб-пакета с Express и EJS для веб-интерфейса и / или сервера

Question

Я изо всех сил пытаюсь найти решение для использования веб-пакета как на веб-интерфейсе, так и на серверной части проекта nodejs.

Я создаю экспресс-решение с различными конечными точками API и внешним интерфейсом, использующим EJS для шаблонов, который будет использовать эти конечные точки для обработки данных.

По сути, я пытаюсь добиться использования веб-пакета для компиляции моих SCSS и JS на внешнем интерфейсе, а также решения, которое скомпилирует EJS и внедрит комплекты CSS и JS в внешний интерфейс.

Мой текущий server.js

const express = require('express')
const formidable = require('express-formidable');
const session = require('express-session')
const bodyparser = require('body-parser')
const app = express()
const path = require('path');

const auth = require('./app/middleware/authorization/auth')
const upload = require('./app/middleware/filehandling/upload')

app.set('port', process.env.PORT || 8080);
app.set('view engine', 'ejs')
app.set('views', path.join('views'));

app.use(session({
    secret: hash.getRandomString(16),
    resave: true,
    saveUninitialized: true
}))

app.use(express.json())
app.use('/public', express.static(path.resolve(__dirname, 'public')));
app.use(formidable());

app.use(passport.initialize());
app.use(passport.session());
app.use(bodyparser.urlencoded({ extended: true }))
app.use(bodyparser.json())

//DIFFERENT ROUTES DOWN HERE

app.listen(3000, () => {
    console.log('listening on port 3000')
}) 

Моя структура папок

public
 - upload/

 src
  - scss/
  - index.js

views
 - partials/
 - index.ejs
 - login.ejs

У меня есть текущий webpack.config.dev.js, который я использую для статического проекта HTML / CSS / JS, который собирает и компилирует SCSS и JS в пакеты.

const path = require('path');
const webpack = require('webpack');
const HTMLWebpackPlugin = require('html-webpack-plugin');
// const ExtractText = require('extract-text-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const devMode = process.env.NODE_ENV !== 'production'

const dirNodeModules = 'node_modules';
const dirAPP = path.join(__dirname, 'src/app');
const dirAssets = path.join(__dirname, 'src/assets');

const packageJson = require('./package.json')

var config = {
    entry: {
        bundle: path.join(dirAPP, 'index')
    },
    resolve: {
        modules: [
            dirNodeModules,
            dirAPP,
            dirAssets
        ]
    },
    plugins: [
        new webpack.DefinePlugin({
            devMode: devMode
        }),
        new HTMLWebpackPlugin({
            template: path.join('src', 'index.html'),
            inject: true
        }),
        new MiniCssExtractPlugin({
            filename: packageJson.name + '.[chunkhash].min.css'
        })
    ],
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: ['babel-loader', 'eslint-loader']
            },
            {
                test: /\.(sa|sc|c)ss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    'css-loader',
                    {
                        loader: 'postcss-loader',
                        options: {
                            ident: 'postcss',
                            sourceMap: true,
                            config: {
                                path: 'postcss.config.js'
                            }
                        },
                        loader: 'sass-loader',
                        options: {
                            sourceMap: true
                        }
                    }
                ]
            },
            {
                test: /\.(eot|svg|ttf|woff|woff2)$/,
                use: 'file?=name/fonts/[name].[ext]'
            },
            {
                test: /\.(jpe?g|png|gif|svg)$/i,
                use: [{
                    loader: 'file-loader',
                    options: {
                        name: '[name]-[hash:8].[ext]',
                        pluginPath: dirAssets + '/images/',
                        outputPath: dirAssets + '/images/'
                    }
                }]
            }]
    }
}

module.exports = config;

И webpack.config.build.js

const path = require('path');
const merge = require('webpack-merge');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const webpackConfig = require('./webpack.config');
const packageJson = require('./package.json');

module.exports = merge(webpackConfig, {

  devtool: 'source-map',
  output: {
    path: path.join(__dirname, 'dist'),
    filename: packageJson.name + '.[chunkhash].js'
  },
  plugins: [
    new CleanWebpackPlugin(['dist'])
  ] 
});

Который я звоню, используя

"dev": "cross-env NODE_ENV=dev webpack-dev-server --progress --mode development --config webpack.config.dev.js",
"build": "webpack -p --progress --mode production --config webpack.config.build.js"

Я немного не уверен, как мне этого добиться.