platform/dev/prod/webpack.config.js
Vyacheslav Tumanov 0031ede489
call invite sounds (#6013)
Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
2024-07-11 19:40:57 +05:00

327 lines
8.9 KiB
JavaScript

//
// Copyright © 2020 Anticrm Platform Contributors.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
//
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const Dotenv = require('dotenv-webpack')
const DefinePlugin = require('webpack').DefinePlugin
const path = require('path')
const autoprefixer = require('autoprefixer')
const CompressionPlugin = require('compression-webpack-plugin')
const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { Configuration } = require('webpack')
const mode = process.env.NODE_ENV || 'development'
const prod = mode === 'production'
const devServer = (process.env.CLIENT_TYPE ?? '') === 'dev-server'
const devProduction = (process.env.CLIENT_TYPE ?? '') === 'dev-production'
const dev = (process.env.CLIENT_TYPE ?? '') === 'dev' || devServer || devProduction
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin')
const { EsbuildPlugin } = require('esbuild-loader')
const doValidate = !prod || (process.env.DO_VALIDATE === 'true')
/**
* @type {Configuration}
*/
module.exports = [
{
mode: dev ? 'development' : mode,
entry: {
serviceWorker: '@hcengineering/notification/src/serviceWorker.ts'
},
module: {
rules: [
{
test: /\.ts$/,
exclude: /(node_modules|\.webpack)/,
use: {
loader: 'esbuild-loader',
options: {
target: 'es2021',
keepNames: true,
minify: !prod,
sourcemap: !prod
}
}
}
]
},
output: {
path: __dirname + '/dist',
filename: '[name].js',
chunkFilename: '[name].js',
publicPath: '/',
pathinfo: false
},
resolve: {
extensions: ['.ts', '.js'],
conditionNames: ['svelte', 'browser', 'import']
}
},
{
entry: {
bundle: [
'@hcengineering/theme/styles/global.scss',
...(dev ? ['./src/main-dev.ts'] : ['./src/main.ts']),
]
},
ignoreWarnings: [
{
message: /a11y-/,
},
/warning from compiler/,
(warning) => true,
],
resolve: {
symlinks: true,
alias: {
svelte: path.resolve('node_modules', 'svelte/src/runtime'),
'@hcengineering/platform-rig/profiles/ui/svelte': path.resolve('node_modules', 'svelte/src/runtime')
},
fallback: {
crypto: false
},
extensions: ['.mjs', '.js', '.svelte', '.ts'],
mainFields: ['svelte', 'browser', 'module', 'main'],
conditionNames: ['svelte', 'browser', 'import']
},
output: {
path: __dirname + '/dist',
filename: '[name].[contenthash].js',
chunkFilename: '[name].[contenthash].js',
publicPath: '/',
pathinfo: false
},
optimization: {
minimize: prod,
minimizer: [
new EsbuildPlugin({
target: 'es2021' // Syntax to transpile to (see options below for possible values)
})
]
},
module: {
rules: [
{
test: /\.ts?$/,
loader: 'esbuild-loader',
options: {
target: 'es2021',
keepNames: true,
minify: !prod,
sourcemap: !prod
},
exclude: /node_modules/,
},
{
test: /\.svelte$/,
use: {
loader: 'svelte-loader',
options: {
compilerOptions: {
dev: !prod
},
emitCss: true,
hotReload: !prod,
preprocess: require('svelte-preprocess')({
postcss: true,
sourceMap: !prod,
}),
hotOptions: {
// Prevent preserving local component state
preserveLocalState: true,
// If this string appears anywhere in your component's code, then local
// state won't be preserved, even when noPreserveState is false
noPreserveStateKey: '@!hmr',
// Prevent doing a full reload on next HMR update after fatal error
noReload: true,
// Try to recover after runtime errors in component init
optimistic: false,
// --- Advanced ---
// Prevent adding an HMR accept handler to components with
// accessors option to true, or to components with named exports
// (from <script context="module">). This have the effect of
// recreating the consumer of those components, instead of the
// component themselves, on HMR updates. This might be needed to
// reflect changes to accessors / named exports in the parents,
// depending on how you use them.
acceptAccessors: true,
acceptNamedExports: true,
}
}
}
},
{
test: /\.css$/,
use: [
// prod ? MiniCssExtractPlugin.loader :
'style-loader',
'css-loader',
'postcss-loader'
]
},
{
test: /\.scss$/,
use: [
// prod ? MiniCssExtractPlugin.loader :
'style-loader',
'css-loader',
'postcss-loader',
'sass-loader',
],
},
{
test: /\.(ttf|otf|eot|woff|woff2)$/,
use: {
loader: 'file-loader',
options: {
name: 'fonts/[contenthash].[ext]',
esModule: false
}
}
},
{
test: /\.(jpg|png|webp|heic|avif)$/,
use: {
loader: 'file-loader',
options: {
name: 'img/[contenthash].[ext]',
esModule: false
}
}
},
{
test: /\.(wav|ogg)$/,
use: {
loader: 'file-loader',
options: {
'name': 'snd/[contenthash].[ext]',
esModule: false
}
}
},
{
test: /\.svg$/,
use: [
{
loader: 'file-loader',
options: {
name: 'img/[contenthash].[ext]',
esModule: false
}
},
{
loader: 'svgo-loader',
options: {
plugins: [
{ name: 'removeHiddenElems', active: false }
// { removeHiddenElems: { displayNone: false } },
// { cleanupIDs: false },
// { removeTitle: true }
]
}
}
]
}
]
},
mode,
plugins: [
new HtmlWebpackPlugin({
// favicon: './public/favicon.ico',
meta: {
viewport: 'width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=1'
}
}),
...(prod ? [new CompressionPlugin()] : []),
// new MiniCssExtractPlugin({
// filename: '[name].[id][contenthash].css'
// }),
new Dotenv({ path: prod ? '.env-prod' : '.env' }),
new DefinePlugin({
'process.env.CLIENT_TYPE': JSON.stringify(process.env.CLIENT_TYPE)
}),
...(doValidate ? [
new ForkTsCheckerWebpackPlugin()
] : [])
],
watchOptions: {
// for some systems, watching many files can result in a lot of CPU or memory usage
// https://webpack.js.org/configuration/watch/#watchoptionsignored
// don't use this pattern, if you have a monorepo with linked packages
ignored: /node_modules/,
aggregateTimeout: 500,
poll: 1000
},
devtool: prod ? false : 'inline-source-map',
devServer: {
static: {
directory: path.resolve(__dirname, "public"),
publicPath: "/",
serveIndex: true,
watch: true,
},
historyApiFallback: {
disableDotRule: true
},
hot: true,
client: {
logging: "info",
overlay: true,
progress: false,
},
proxy: (devServer && !devProduction) ? {
'/account': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: { '^/account': '' },
logLevel: 'debug'
},
'/files': {
target: 'http://localhost:8087',
changeOrigin: true,
logLevel: 'debug'
},
'/import': {
target: 'http://localhost:8087',
changeOrigin: true,
logLevel: 'debug'
},
} : {
'/account': {
target: 'https://account.hc.engineering/',
changeOrigin: true,
pathRewrite: { '^/account': '' },
logLevel: 'debug'
},
'/files': {
target: 'https://front.hc.engineering/files',
changeOrigin: true,
pathRewrite: { '^/files': '' },
logLevel: 'debug'
}
}
}
}]