isdashboard/webpack/webpack.custom.js

123 lines
4.0 KiB
JavaScript
Executable File

const webpack = require('webpack');
const { merge } = require('webpack-merge');
const path = require('path');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const WebpackNotifierPlugin = require('webpack-notifier');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ESLintPlugin = require('eslint-webpack-plugin');
const environment = require('./environment');
const proxyConfig = require('./proxy.conf');
module.exports = async (config, options, targetOptions) => {
// PLUGINS
if (config.mode === 'development') {
config.plugins.push(
new ESLintPlugin({
baseConfig: {
parserOptions: {
project: ['../tsconfig.app.json'],
},
},
}),
new WebpackNotifierPlugin({
title: 'Isdashboard',
contentImage: path.join(__dirname, 'logo-jhipster.png'),
})
);
}
// configuring proxy for back end service
const tls = Boolean(config.devServer && config.devServer.https);
if (config.devServer) {
config.devServer.proxy = proxyConfig({ tls });
}
if (targetOptions.target === 'serve' || config.watch) {
config.plugins.push(
new BrowserSyncPlugin(
{
host: 'localhost',
port: 9000,
https: tls,
proxy: {
target: `http${tls ? 's' : ''}://localhost:${targetOptions.target === 'serve' ? '4200' : '8080'}`,
ws: true,
proxyOptions: {
changeOrigin: false, //pass the Host header to the backend unchanged https://github.com/Browsersync/browser-sync/issues/430
},
},
socket: {
clients: {
heartbeatTimeout: 60000,
},
},
/*
ghostMode: { // uncomment this part to disable BrowserSync ghostMode; https://github.com/jhipster/generator-jhipster/issues/11116
clicks: false,
location: false,
forms: false,
scroll: false,
},
*/
},
{
reload: targetOptions.target === 'build', // enabled for build --watch
}
)
);
}
if (config.mode === 'production') {
config.plugins.push(
new BundleAnalyzerPlugin({
analyzerMode: 'static',
openAnalyzer: false,
// Webpack statistics in target folder
reportFilename: '../stats.html',
})
);
}
const patterns = [
{
// https://github.com/swagger-api/swagger-ui/blob/v4.6.1/swagger-ui-dist-package/README.md
context: require('swagger-ui-dist').getAbsoluteFSPath(),
from: '*.{js,css,html,png}',
to: 'swagger-ui/',
globOptions: { ignore: ['**/index.html'] },
},
{
from: path.join(path.dirname(require.resolve('axios/package.json')), 'dist/axios.min.js'),
to: 'swagger-ui/',
},
{ from: './src/main/webapp/swagger-ui/', to: 'swagger-ui/' },
// jhipster-needle-add-assets-to-webpack - JHipster will add/remove third-party resources in this array
];
if (patterns.length > 0) {
config.plugins.push(new CopyWebpackPlugin({ patterns }));
}
config.plugins.push(
new webpack.DefinePlugin({
// APP_VERSION is passed as an environment variable from the Gradle / Maven build tasks.
__VERSION__: JSON.stringify(environment.__VERSION__),
__DEBUG_INFO_ENABLED__: environment.__DEBUG_INFO_ENABLED__ || config.mode === 'development',
// The root URL for API calls, ending with a '/' - for example: `"https://www.jhipster.tech:8081/myservice/"`.
// If this URL is left empty (""), then it will be relative to the current context.
// If you use an API server, in `prod` mode, you will need to enable CORS
// (see the `jhipster.cors` common JHipster property in the `application-*.yml` configurations)
SERVER_API_URL: JSON.stringify(environment.SERVER_API_URL),
})
);
config = merge(
config
// jhipster-needle-add-webpack-config - JHipster will add custom config
);
return config;
};