drone/web/config/webpack.prod.js
2023-07-25 13:52:27 -07:00

50 lines
1.2 KiB
JavaScript

const { merge } = require('webpack-merge')
const path = require('path')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const { DefinePlugin } = require('webpack')
const commonConfig = require('./webpack.common')
const CONTEXT = process.cwd()
const prodConfig = {
context: CONTEXT,
entry: path.resolve(CONTEXT, '/src/index.tsx'),
mode: 'production',
devtool: 'source-map',
output: {
filename: '[name].[contenthash:6].js',
chunkFilename: '[name].[id].[contenthash:6].js'
},
optimization: {
splitChunks: {
chunks: 'all',
minSize: 51200,
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all',
maxSize: 1e7
}
}
}
},
plugins: [
new MiniCssExtractPlugin({
ignoreOrder: true,
filename: '[name].[contenthash:6].css',
chunkFilename: '[name].[id].[contenthash:6].css'
}),
new HTMLWebpackPlugin({
template: 'src/index.html',
filename: 'index.html',
favicon: 'src/favicon.svg',
minify: false,
templateParameters: {}
})
]
}
module.exports = merge(commonConfig, prodConfig)