thelounge/webpack.config.js

139 lines
2.7 KiB
JavaScript
Raw Normal View History

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