90 lines
2.4 KiB
JavaScript
90 lines
2.4 KiB
JavaScript
const webpack = require("webpack");
|
|
const path = require("path");
|
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
const webpackBundleAnalyzer = require("webpack-bundle-analyzer");
|
|
const CopyPlugin = require("copy-webpack-plugin");
|
|
|
|
process.env.NODE_ENV = "production";
|
|
process.env.PUBLIC_URL = "/reverse-proxy";
|
|
|
|
module.exports = {
|
|
mode: "production",
|
|
target: "web",
|
|
devtool: "source-map",
|
|
entry: "./src/index",
|
|
output: {
|
|
path: path.resolve(__dirname, "build"),
|
|
publicPath: process.env.PUBLIC_URL,
|
|
filename: "bundle.js"
|
|
},
|
|
plugins: [
|
|
// Display bundle stats
|
|
new webpackBundleAnalyzer.BundleAnalyzerPlugin({ analyzerMode: "static" }),
|
|
|
|
new MiniCssExtractPlugin({
|
|
filename: "[name].[contenthash].css"
|
|
}),
|
|
|
|
new webpack.DefinePlugin({
|
|
// This global makes sure React is built in prod mode.
|
|
"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
|
|
"process.env.PUBLIC_URL": JSON.stringify(process.env.PUBLIC_URL),
|
|
"process.env.REVERSE_PROXY_API_URL": JSON.stringify(
|
|
"https://toodle.ddns.net/reverse-proxy-api"
|
|
),
|
|
"process.env.CHATBOT_API_URL": JSON.stringify(
|
|
"https://toodle.ddns.net/chatbot-api"
|
|
)
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
template: "src/index.html",
|
|
favicon: "src/favicon.ico",
|
|
minify: {
|
|
// see https://github.com/kangax/html-minifier#options-quick-reference
|
|
removeComments: true,
|
|
collapseWhitespace: true,
|
|
removeRedundantAttributes: true,
|
|
useShortDoctype: true,
|
|
removeEmptyAttributes: true,
|
|
removeStyleLinkTypeAttributes: true,
|
|
keepClosingSlash: true,
|
|
minifyJS: true,
|
|
minifyCSS: true,
|
|
minifyURLs: true
|
|
}
|
|
}),
|
|
new CopyPlugin({
|
|
patterns: [{ from: "public", to: "public" }]
|
|
})
|
|
],
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.(js|jsx)$/,
|
|
exclude: /node_modules/,
|
|
use: ["babel-loader", "eslint-loader"]
|
|
},
|
|
{
|
|
test: /(\.css)$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
{
|
|
loader: "css-loader",
|
|
options: {
|
|
sourceMap: true
|
|
}
|
|
},
|
|
{
|
|
loader: "postcss-loader",
|
|
options: {
|
|
plugins: () => [require("cssnano")],
|
|
sourceMap: true
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
};
|