hedgedoc/frontend/next.config.js
Tilman Vatteroth 4cb332622a feat(frontend): add build script
The build script prepares the package for a production build, builds the app, places every all needed files in a dist directory and cleans it.

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
2023-08-27 12:42:40 +02:00

102 lines
2.3 KiB
JavaScript

/*
* SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
const { isMockMode, isTestMode, isProfilingMode } = require('./src/utils/test-modes')
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const withBundleAnalyzer = require('@next/bundle-analyzer')({
enabled: isProfilingMode
})
console.log('Node environment is', process.env.NODE_ENV)
if (isMockMode) {
console.log('Use mock API')
}
if (isTestMode) {
console.warn(`This build runs in test mode. This means:
- no sandboxed iframe
- Additional data-attributes for e2e tests added to DOM
- Editor and renderer are running on the same origin`)
}
if (isMockMode) {
console.warn(`This build runs in mock mode. This means:
- No real data. All API responses are mocked
- No persistent data
- No realtime editing
`)
}
if (isProfilingMode) {
console.info('This build contains the bundle analyzer and profiling metrics.')
}
/** @type {import('@svgr/webpack').LoaderOptions} */
const svgrConfig = {
svgoConfig: {
plugins: [
{
name: 'preset-default',
params: {
overrides: {
removeViewBox: false
}
}
}
]
}
}
/** @type {import('next').NextConfig} */
const rawNextConfig = {
webpack: (config) => {
config.module.rules.push({
test: /\.svg$/i,
issuer: /\.[jt]sx?$/,
use: [
{
loader: '@svgr/webpack',
options: svgrConfig
}
]
})
const emojiPickerDataModulePath = path.dirname(require.resolve('emoji-picker-element-data/en/emojibase/data.json'))
config.plugins.push(
new CopyWebpackPlugin({
patterns: [
{
from: emojiPickerDataModulePath,
to: 'static/js/emoji-data.json'
}
]
})
)
return config
},
reactStrictMode: false,
redirects: () => {
return Promise.resolve([
{
source: '/',
destination: '/intro',
permanent: true
}
])
},
output: 'standalone',
swcMinify: false, //Otherwise emoji picker is minified incorrectly
experimental: {
outputFileTracingRoot: path.join(__dirname, '../')
},
productionBrowserSourceMaps: true
}
const completeNextConfig = withBundleAnalyzer(rawNextConfig)
module.exports = completeNextConfig