2022-05-03 03:32:20 +02:00
|
|
|
"use strict";
|
|
|
|
|
|
|
|
import * as webpack from "webpack";
|
|
|
|
import * as path from "path";
|
|
|
|
import CopyPlugin from "copy-webpack-plugin";
|
|
|
|
import MiniCssExtractPlugin from "mini-css-extract-plugin";
|
|
|
|
// TODO; we should add a declaration file
|
|
|
|
//@ts-ignore
|
|
|
|
import VueLoaderPlugin from "vue-loader/lib/plugin";
|
2022-05-03 04:50:13 +02:00
|
|
|
import babelConfig from "./babel.config.cjs";
|
2022-05-03 03:32:20 +02:00
|
|
|
import Helper from "./src/helper";
|
|
|
|
|
|
|
|
const isProduction = process.env.NODE_ENV === "production";
|
|
|
|
const config: webpack.Configuration = {
|
|
|
|
mode: isProduction ? "production" : "development",
|
|
|
|
entry: {
|
|
|
|
"js/bundle.js": [path.resolve(__dirname, "client/js/vue.ts")],
|
|
|
|
},
|
|
|
|
devtool: "source-map",
|
|
|
|
output: {
|
2022-05-03 04:50:13 +02:00
|
|
|
clean: true, // Clean the output directory before emit.
|
2022-05-03 03:32:20 +02:00
|
|
|
path: path.resolve(__dirname, "public"),
|
|
|
|
filename: "[name]",
|
|
|
|
publicPath: "/",
|
|
|
|
},
|
|
|
|
performance: {
|
|
|
|
hints: false,
|
|
|
|
},
|
|
|
|
module: {
|
|
|
|
rules: [
|
|
|
|
{
|
|
|
|
test: /\.vue$/,
|
2022-05-03 04:50:13 +02:00
|
|
|
use: {
|
|
|
|
loader: "vue-loader",
|
|
|
|
options: {
|
|
|
|
compilerOptions: {
|
|
|
|
preserveWhitespace: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
2022-05-03 03:32:20 +02:00
|
|
|
},
|
|
|
|
{
|
2022-05-03 05:41:13 +02:00
|
|
|
test: /\.{js,ts,d.ts}$/,
|
2022-05-03 03:32:20 +02:00
|
|
|
include: [path.resolve(__dirname, "client/")],
|
|
|
|
exclude: path.resolve(__dirname, "node_modules"),
|
|
|
|
use: {
|
|
|
|
loader: "babel-loader",
|
2022-05-03 04:50:13 +02:00
|
|
|
options: babelConfig,
|
2022-05-03 03:32:20 +02:00
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
test: /\.css$/,
|
|
|
|
use: [
|
|
|
|
{
|
|
|
|
loader: MiniCssExtractPlugin.loader,
|
|
|
|
options: {
|
|
|
|
esModule: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
loader: "css-loader",
|
|
|
|
options: {
|
|
|
|
url: false,
|
|
|
|
importLoaders: 1,
|
|
|
|
sourceMap: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
loader: "postcss-loader",
|
|
|
|
options: {
|
|
|
|
sourceMap: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
optimization: {
|
|
|
|
splitChunks: {
|
|
|
|
cacheGroups: {
|
|
|
|
commons: {
|
|
|
|
test: /[\\/]node_modules[\\/]/,
|
|
|
|
name: "js/bundle.vendor.js",
|
|
|
|
chunks: "all",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
externals: {
|
|
|
|
json3: "JSON", // socket.io uses json3.js, but we do not target any browsers that need it
|
|
|
|
},
|
|
|
|
plugins: [
|
2022-05-03 04:50:13 +02:00
|
|
|
new VueLoaderPlugin(),
|
2022-05-03 03:32:20 +02:00
|
|
|
new MiniCssExtractPlugin({
|
|
|
|
filename: "css/style.css",
|
|
|
|
}),
|
|
|
|
new CopyPlugin({
|
|
|
|
patterns: [
|
|
|
|
{
|
|
|
|
from: "./node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff*",
|
|
|
|
to: "fonts/[name][ext]",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/js/loading-error-handlers.js",
|
|
|
|
to: "js/[name][ext]",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/*",
|
|
|
|
to: "[name][ext]",
|
|
|
|
globOptions: {
|
|
|
|
ignore: ["**/index.html.tpl", "**/service-worker.js"],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/service-worker.js",
|
|
|
|
to: "[name][ext]",
|
|
|
|
transform(content) {
|
|
|
|
return content
|
|
|
|
.toString()
|
|
|
|
.replace(
|
|
|
|
"__HASH__",
|
|
|
|
isProduction ? Helper.getVersionCacheBust() : "dev"
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/audio/*",
|
|
|
|
to: "audio/[name][ext]",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/img/*",
|
|
|
|
to: "img/[name][ext]",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/themes/*",
|
|
|
|
to: "themes/[name][ext]",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
}),
|
|
|
|
// socket.io uses debug, we don't need it
|
|
|
|
new webpack.NormalModuleReplacementPlugin(
|
|
|
|
/debug/,
|
|
|
|
path.resolve(__dirname, "scripts/noop.js")
|
|
|
|
),
|
|
|
|
],
|
|
|
|
};
|
|
|
|
|
2022-05-03 04:50:13 +02:00
|
|
|
export default (env: any, argv: any) => {
|
|
|
|
if (argv.mode === "development") {
|
|
|
|
config.target = "node";
|
|
|
|
config.devtool = "eval";
|
|
|
|
config.stats = "errors-only";
|
|
|
|
config.output!.path = path.resolve(__dirname, "test/public");
|
|
|
|
config.entry = {
|
|
|
|
"testclient.js": [path.resolve(__dirname, "test/client/index.js")],
|
|
|
|
};
|
|
|
|
|
|
|
|
// Add the istanbul plugin to babel-loader options
|
|
|
|
for (const rule of config.module!.rules!) {
|
|
|
|
//@ts-ignore
|
|
|
|
if (rule.use.loader === "babel-loader") {
|
|
|
|
//@ts-ignore
|
|
|
|
rule.use.options.plugins = ["istanbul"];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// `optimization.splitChunks` is incompatible with a `target` of `node`. See:
|
|
|
|
// - https://github.com/zinserjan/mocha-webpack/issues/84
|
|
|
|
// - https://github.com/webpack/webpack/issues/6727#issuecomment-372589122
|
|
|
|
config.optimization!.splitChunks = false;
|
|
|
|
|
|
|
|
// Disable plugins like copy files, it is not required
|
|
|
|
config.plugins = [
|
|
|
|
new VueLoaderPlugin(),
|
|
|
|
new MiniCssExtractPlugin({
|
|
|
|
filename: "css/style.css",
|
|
|
|
}),
|
|
|
|
|
|
|
|
// Client tests that require Vue may end up requireing socket.io
|
|
|
|
new webpack.NormalModuleReplacementPlugin(
|
|
|
|
/js(\/|\\)socket\.js/,
|
|
|
|
path.resolve(__dirname, "scripts/noop.js")
|
|
|
|
),
|
|
|
|
|
|
|
|
// "Fixes" Critical dependency: the request of a dependency is an expression
|
|
|
|
new webpack.ContextReplacementPlugin(/vue-server-renderer$/),
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
if (argv.mode === "production") {
|
|
|
|
// ...
|
|
|
|
}
|
|
|
|
|
|
|
|
return config;
|
|
|
|
};
|