thelounge/webpack.config.js
2018-08-29 10:04:38 +03:00

137 lines
2.8 KiB
JavaScript

"use strict";
const webpack = require("webpack");
const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const config = {
mode: process.env.NODE_ENV === "production" ? "production" : "development",
entry: {
"js/bundle.js": path.resolve(__dirname, "client/js/lounge.js"),
"css/style": path.resolve(__dirname, "client/css/style.css"),
},
devtool: "source-map",
output: {
path: path.resolve(__dirname, "public"),
filename: "[name]",
publicPath: "/",
},
module: {
rules: [
{
test: /\.css$/,
include: [
path.resolve(__dirname, "client"),
],
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
url: false,
minimize: process.env.NODE_ENV === "production",
},
},
],
},
{
test: /\.js$/,
include: [
path.resolve(__dirname, "client"),
],
use: {
loader: "babel-loader",
options: {
presets: [
["@babel/env", {
targets: {
browsers: [
"last 1 year",
"firefox esr",
],
},
}],
],
},
},
},
{
test: /\.tpl$/,
include: [
path.resolve(__dirname, "client/views"),
],
use: [{
loader: "handlebars-loader",
options: {
helperDirs: [
path.resolve(__dirname, "client/js/libs/handlebars"),
],
extensions: [
".tpl",
],
},
}, {
loader: "html-minifier-loader",
options: {
ignoreCustomFragments: [
/{{[\s\S]*?}}/,
],
},
}],
},
],
},
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: [
new MiniCssExtractPlugin(),
new CopyPlugin([
{
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]",
ignore: "index.html.tpl",
},
{
from: "./client/audio/*",
to: "audio/[name].[ext]",
},
{
from: "./client/img/*",
to: "img/[name].[ext]",
},
{
from: "./client/themes/*",
to: "themes/[name].[ext]",
},
{
from: "./node_modules/primer-tooltips/build/build.css",
to: "css/primer-tooltips.[ext]",
},
]),
// socket.io uses debug, we don't need it
new webpack.NormalModuleReplacementPlugin(/debug/, path.resolve(__dirname, "scripts/noop.js")),
],
};
module.exports = config;