60 lines
1.8 KiB
JavaScript
60 lines
1.8 KiB
JavaScript
const path = require('path');
|
|
//const webpack = require('webpack');
|
|
|
|
const { merge } = require('webpack-merge');
|
|
const baseWpConfig = require('./webpack.base.config');
|
|
const TerserPlugin = require('terser-webpack-plugin');
|
|
const CssMinimizerWebpackPlugin = require('css-minimizer-webpack-plugin');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
|
|
const publicDir = path.resolve(__dirname, '../dist/tmp/public');
|
|
const clientDir = path.resolve(__dirname, '../client');
|
|
|
|
module.exports = merge(baseWpConfig, {
|
|
mode: 'production',
|
|
output: {
|
|
path: `${publicDir}/app`,
|
|
filename: 'bundle.[contenthash].js',
|
|
clean: true
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
'css-loader'
|
|
]
|
|
}
|
|
]
|
|
},
|
|
optimization: {
|
|
minimizer: [
|
|
new TerserPlugin({
|
|
parallel: true,
|
|
terserOptions: {
|
|
format: {
|
|
comments: false,
|
|
},
|
|
},
|
|
}),
|
|
new CssMinimizerWebpackPlugin()
|
|
]
|
|
},
|
|
plugins: [
|
|
//new CleanWebpackPlugin({ cleanOnceBeforeBuildPatterns: [`${publicDir}/**`] }),
|
|
new MiniCssExtractPlugin({
|
|
filename: "[name].[contenthash].css"
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
template: `${clientDir}/index.html.template`,
|
|
filename: `${publicDir}/index.html`
|
|
}),
|
|
new CopyWebpackPlugin({patterns:
|
|
[{context: `${clientDir}/assets`, from: `${clientDir}/assets/*`, to: `${publicDir}/` }]
|
|
}),
|
|
]
|
|
});
|