162 lines
4.4 KiB
JavaScript
162 lines
4.4 KiB
JavaScript
const path = require('path');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const CopyPlugin = require('copy-webpack-plugin');
|
|
const webpack = require('webpack');
|
|
const dotenv = require('dotenv');
|
|
|
|
module.exports = (env, argv) => {
|
|
const mode = argv && argv.mode ? argv.mode : 'development';
|
|
|
|
// Load environment variables from .env.development only in development mode
|
|
if (mode === 'development') {
|
|
dotenv.config({path: '.env.development'});
|
|
}
|
|
|
|
return {
|
|
entry: './src/index.js',
|
|
output: {
|
|
filename: 'main.[contenthash].js',
|
|
path: path.resolve(__dirname, 'build'),
|
|
// Use relative URLs so assets load under any prefix (e.g., /admin)
|
|
publicPath: '',
|
|
// Clean the output directory before emit to avoid stale files (e.g., js/js duplicates)
|
|
clean: true
|
|
},
|
|
|
|
devServer: {
|
|
static: path.join(__dirname, 'public'),
|
|
port: 3000,
|
|
open: '/admin/',
|
|
hot: true,
|
|
historyApiFallback: {
|
|
index: '/admin/index.html'
|
|
},
|
|
devMiddleware: {
|
|
publicPath: '/admin'
|
|
},
|
|
setupMiddlewares: (middlewares, devServer) => {
|
|
// Redirect /admin -> /admin/ (only exact match without trailing slash)
|
|
devServer.app.use((req, res, next) => {
|
|
if (req.path === '/admin' && !req.originalUrl.endsWith('/')) {
|
|
return res.redirect(302, '/admin/');
|
|
}
|
|
next();
|
|
});
|
|
return middlewares;
|
|
}
|
|
},
|
|
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
template: path.join(__dirname, 'public', 'index.html')
|
|
}),
|
|
new CopyPlugin({
|
|
patterns: [
|
|
{
|
|
context: path.resolve(__dirname, 'public'),
|
|
from: 'images/*.*',
|
|
to: 'images/[name][ext]'
|
|
},
|
|
{
|
|
context: path.resolve(__dirname, 'src/assets'),
|
|
from: '*.svg',
|
|
to: 'static/[name][ext]'
|
|
},
|
|
{
|
|
context: path.resolve(__dirname, 'src', 'pages', 'AiIntegration', 'css'),
|
|
from: '**/*',
|
|
to: 'css'
|
|
},
|
|
{
|
|
context: path.resolve(__dirname, 'src', 'pages', 'AiIntegration', 'js'),
|
|
from: '**/*',
|
|
to: 'js'
|
|
},
|
|
{
|
|
context: path.resolve(__dirname, 'src', 'pages', 'AiIntegration', 'ai'),
|
|
from: '**/*',
|
|
to: 'ai'
|
|
},
|
|
{
|
|
context: path.resolve(__dirname, '../../../document-templates/sample'),
|
|
from: 'sample.docx',
|
|
to: 'assets/sample.docx',
|
|
noErrorOnMissing: true
|
|
}
|
|
]
|
|
}),
|
|
new webpack.DefinePlugin({
|
|
'process.env.REACT_APP_BACKEND_URL': JSON.stringify(process.env.REACT_APP_BACKEND_URL)
|
|
})
|
|
],
|
|
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.(js)$/,
|
|
exclude: /node_modules/,
|
|
use: {
|
|
loader: 'babel-loader',
|
|
options: {
|
|
presets: [['@babel/preset-react', {runtime: 'automatic'}], '@babel/preset-env']
|
|
}
|
|
}
|
|
},
|
|
{
|
|
test: /\.module\.(css|scss)$/i,
|
|
use: [
|
|
'style-loader',
|
|
{
|
|
loader: 'css-loader',
|
|
options: {
|
|
modules: {
|
|
localIdentName: '[local]-[hash:base64:5]'
|
|
}
|
|
}
|
|
},
|
|
{
|
|
loader: 'sass-loader',
|
|
options: {
|
|
api: 'modern'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.(css|scss)$/i,
|
|
exclude: /\.module\.(css|scss)$/i,
|
|
use: [
|
|
'style-loader',
|
|
'css-loader',
|
|
{
|
|
loader: 'sass-loader',
|
|
options: {
|
|
api: 'modern'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.(png|svg|jpg|jpeg|gif)$/i,
|
|
type: 'asset/resource',
|
|
generator: {
|
|
filename: 'static/[hash][ext]'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
resolve: {
|
|
extensions: ['', '.js'],
|
|
alias: {
|
|
'@components': path.resolve(__dirname, 'src/components'),
|
|
'@screen': path.resolve(__dirname, 'src/screen'),
|
|
'@services': path.resolve(__dirname, 'src/services'),
|
|
'@store': path.resolve(__dirname, 'src/store'),
|
|
'@utility': path.resolve(__dirname, 'src/utility'),
|
|
'@assets': path.resolve(__dirname, 'src/assets')
|
|
}
|
|
}
|
|
};
|
|
};
|