2016-12-18 16:53:28 +01:00
|
|
|
"use strict";
|
|
|
|
|
|
|
|
const webpack = require("webpack");
|
|
|
|
const path = require("path");
|
2017-10-03 12:52:31 +02:00
|
|
|
const CopyPlugin = require("copy-webpack-plugin");
|
2018-03-21 13:13:52 +01:00
|
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
2018-07-06 20:15:15 +02:00
|
|
|
const VueLoaderPlugin = require("vue-loader/lib/plugin");
|
2019-03-08 11:29:49 +01:00
|
|
|
const Helper = require("./src/helper.js");
|
2017-01-08 00:04:46 +01:00
|
|
|
|
2017-04-08 14:34:31 +02:00
|
|
|
const config = {
|
2018-01-25 19:32:28 +01:00
|
|
|
mode: process.env.NODE_ENV === "production" ? "production" : "development",
|
2016-12-18 16:53:28 +01:00
|
|
|
entry: {
|
2019-11-02 20:40:59 +01:00
|
|
|
"js/bundle.js": [path.resolve(__dirname, "client/js/vue.js")],
|
2018-03-21 13:13:52 +01:00
|
|
|
"css/style": path.resolve(__dirname, "client/css/style.css"),
|
2016-12-18 16:53:28 +01:00
|
|
|
},
|
|
|
|
devtool: "source-map",
|
|
|
|
output: {
|
2017-10-03 12:52:31 +02:00
|
|
|
path: path.resolve(__dirname, "public"),
|
2016-12-30 12:20:44 +01:00
|
|
|
filename: "[name]",
|
2017-11-15 07:35:15 +01:00
|
|
|
publicPath: "/",
|
2016-12-18 16:53:28 +01:00
|
|
|
},
|
|
|
|
module: {
|
2017-02-17 16:01:20 +01:00
|
|
|
rules: [
|
2018-07-06 20:15:15 +02:00
|
|
|
{
|
|
|
|
test: /\.vue$/,
|
|
|
|
use: {
|
|
|
|
loader: "vue-loader",
|
2018-09-26 10:32:38 +02:00
|
|
|
options: {
|
|
|
|
compilerOptions: {
|
|
|
|
preserveWhitespace: false,
|
|
|
|
},
|
|
|
|
},
|
2018-07-06 20:15:15 +02:00
|
|
|
},
|
|
|
|
},
|
2018-03-21 13:13:52 +01:00
|
|
|
{
|
|
|
|
test: /\.css$/,
|
2019-07-17 11:33:59 +02:00
|
|
|
include: [path.resolve(__dirname, "client")],
|
2018-03-21 13:13:52 +01:00
|
|
|
use: [
|
|
|
|
MiniCssExtractPlugin.loader,
|
|
|
|
{
|
|
|
|
loader: "css-loader",
|
|
|
|
options: {
|
|
|
|
url: false,
|
2019-10-14 11:15:19 +02:00
|
|
|
importLoaders: 1,
|
|
|
|
sourceMap: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
loader: "postcss-loader",
|
|
|
|
options: {
|
|
|
|
sourceMap: true,
|
2018-03-21 13:13:52 +01:00
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
2016-12-18 16:53:28 +01:00
|
|
|
{
|
|
|
|
test: /\.js$/,
|
2019-07-17 11:33:59 +02:00
|
|
|
include: [path.resolve(__dirname, "client")],
|
2017-02-17 16:01:20 +01:00
|
|
|
use: {
|
|
|
|
loader: "babel-loader",
|
|
|
|
options: {
|
2019-10-14 11:15:19 +02:00
|
|
|
presets: [["@babel/env"]],
|
2017-11-15 07:35:15 +01:00
|
|
|
},
|
|
|
|
},
|
2016-12-18 16:53:28 +01:00
|
|
|
},
|
2017-11-15 07:35:15 +01:00
|
|
|
],
|
2016-12-18 16:53:28 +01:00
|
|
|
},
|
2018-01-25 19:32:28 +01:00
|
|
|
optimization: {
|
|
|
|
splitChunks: {
|
|
|
|
cacheGroups: {
|
|
|
|
commons: {
|
|
|
|
test: /[\\/]node_modules[\\/]/,
|
|
|
|
name: "js/bundle.vendor.js",
|
|
|
|
chunks: "all",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
2017-03-19 09:02:39 +01:00
|
|
|
externals: {
|
|
|
|
json3: "JSON", // socket.io uses json3.js, but we do not target any browsers that need it
|
|
|
|
},
|
2016-12-18 16:53:28 +01:00
|
|
|
plugins: [
|
2018-03-21 13:13:52 +01:00
|
|
|
new MiniCssExtractPlugin(),
|
2018-07-06 20:15:15 +02:00
|
|
|
new VueLoaderPlugin(),
|
2017-10-03 12:52:31 +02:00
|
|
|
new CopyPlugin([
|
|
|
|
{
|
2018-05-04 11:09:24 +02:00
|
|
|
from: "./node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff*",
|
2017-11-15 07:35:15 +01:00
|
|
|
to: "fonts/[name].[ext]",
|
2017-10-03 12:52:31 +02:00
|
|
|
},
|
|
|
|
{
|
2017-12-17 00:18:43 +01:00
|
|
|
from: "./client/js/loading-error-handlers.js",
|
2017-11-15 07:35:15 +01:00
|
|
|
to: "js/[name].[ext]",
|
2017-10-03 12:52:31 +02:00
|
|
|
},
|
2018-01-14 01:46:59 +01:00
|
|
|
{
|
2017-10-03 12:52:31 +02:00
|
|
|
from: "./client/*",
|
2017-11-15 07:35:15 +01:00
|
|
|
to: "[name].[ext]",
|
2019-07-17 11:33:59 +02:00
|
|
|
ignore: ["index.html.tpl", "service-worker.js"],
|
2019-03-08 11:29:49 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/service-worker.js",
|
|
|
|
to: "[name].[ext]",
|
|
|
|
transform(content) {
|
|
|
|
return content.toString().replace("__HASH__", Helper.getVersionCacheBust());
|
|
|
|
},
|
2017-10-03 12:52:31 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/audio/*",
|
2017-11-15 07:35:15 +01:00
|
|
|
to: "audio/[name].[ext]",
|
2017-10-03 12:52:31 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/img/*",
|
2017-11-15 07:35:15 +01:00
|
|
|
to: "img/[name].[ext]",
|
2017-10-03 12:52:31 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
from: "./client/themes/*",
|
2017-11-15 07:35:15 +01:00
|
|
|
to: "themes/[name].[ext]",
|
2017-10-03 12:52:31 +02:00
|
|
|
},
|
|
|
|
]),
|
2018-09-20 14:00:17 +02:00
|
|
|
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
2017-06-27 11:40:14 +02:00
|
|
|
// socket.io uses debug, we don't need it
|
2019-07-17 11:33:59 +02:00
|
|
|
new webpack.NormalModuleReplacementPlugin(
|
|
|
|
/debug/,
|
|
|
|
path.resolve(__dirname, "scripts/noop.js")
|
|
|
|
),
|
2017-11-15 07:35:15 +01:00
|
|
|
],
|
2016-12-18 16:53:28 +01:00
|
|
|
};
|
2016-12-30 12:20:44 +01:00
|
|
|
|
|
|
|
module.exports = config;
|