mirror of
https://github.com/sourcegraph/sourcegraph.git
synced 2026-02-06 17:31:43 +00:00
e31288f052
- web: upgrade `Webpack` to v5 for the web app - web: upgrade `Webpack` to v5 for Storybook - web: upgrade `Webpack` to v5 for the browser extension - web: enable filesystem cache only in the development environment - web: disable node.js polyfills - web: disable `webpack.IgnorePlugin` for the web app - web: switch to `react-refresh-webpack-plugin` from `react-hot-loader` - web: use `cache` only in development mode - web: remove redundant polyfill dependencies - web: do not use `Webpack` cache on CI - web: use runtime bundle in development mode by `frontend` server
80 lines
2.8 KiB
TypeScript
80 lines
2.8 KiB
TypeScript
import chalk from 'chalk'
|
|
import { Application } from 'express'
|
|
import { once } from 'lodash'
|
|
import signale from 'signale'
|
|
import createWebpackCompiler, { Configuration } from 'webpack'
|
|
import WebpackDevServer, { ProxyConfigArrayItem } from 'webpack-dev-server'
|
|
|
|
import {
|
|
getCSRFTokenCookieMiddleware,
|
|
PROXY_ROUTES,
|
|
environmentConfig,
|
|
getAPIProxySettings,
|
|
getCSRFTokenAndCookie,
|
|
STATIC_ASSETS_PATH,
|
|
STATIC_ASSETS_URL,
|
|
WEB_SERVER_URL,
|
|
} from '../utils'
|
|
|
|
// TODO: migrate webpack.config.js to TS to use `import` in this file.
|
|
// eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
|
|
const webpackConfig = require('../../webpack.config') as Configuration
|
|
const { SOURCEGRAPH_API_URL, SOURCEGRAPH_HTTPS_PORT, IS_HOT_RELOAD_ENABLED } = environmentConfig
|
|
|
|
export async function startDevelopmentServer(): Promise<void> {
|
|
// Get CSRF token value from the `SOURCEGRAPH_API_URL`.
|
|
const { csrfContextValue, csrfCookieValue } = await getCSRFTokenAndCookie(SOURCEGRAPH_API_URL)
|
|
signale.start('Starting webpack-dev-server with environment config:\n', environmentConfig)
|
|
|
|
const proxyConfig: ProxyConfigArrayItem = {
|
|
context: PROXY_ROUTES,
|
|
...getAPIProxySettings({
|
|
csrfContextValue,
|
|
apiURL: SOURCEGRAPH_API_URL,
|
|
}),
|
|
}
|
|
|
|
// It's not possible to use `WebpackDevServer.Configuration` here yet, because
|
|
// type definitions for the `webpack-dev-server` are not updated to match v4.
|
|
const developmentServerConfig = {
|
|
// react-refresh plugin triggers page reload if needed.
|
|
liveReload: false,
|
|
hot: IS_HOT_RELOAD_ENABLED,
|
|
// TODO: resolve https://github.com/webpack/webpack-dev-server/issues/2313 and enable HTTPS.
|
|
https: false,
|
|
historyApiFallback: {
|
|
disableDotRule: true,
|
|
},
|
|
port: SOURCEGRAPH_HTTPS_PORT,
|
|
client: {
|
|
overlay: false,
|
|
},
|
|
static: {
|
|
directory: STATIC_ASSETS_PATH,
|
|
publicPath: [STATIC_ASSETS_URL, '/'],
|
|
},
|
|
firewall: false,
|
|
proxy: [proxyConfig],
|
|
onBeforeSetupMiddleware(app: Application) {
|
|
app.use(getCSRFTokenCookieMiddleware(csrfCookieValue))
|
|
},
|
|
}
|
|
|
|
const compiler = createWebpackCompiler(webpackConfig)
|
|
const server = new WebpackDevServer(compiler, developmentServerConfig as WebpackDevServer.Configuration)
|
|
|
|
compiler.hooks.afterEmit.tap(
|
|
'development-server-logger',
|
|
once(() => {
|
|
signale.success('Webpack build is ready!')
|
|
})
|
|
)
|
|
|
|
server.listen(SOURCEGRAPH_HTTPS_PORT, '0.0.0.0', () => {
|
|
signale.success(`Development server is ready at ${chalk.blue.bold(WEB_SERVER_URL)}`)
|
|
signale.await('Waiting for Webpack to compile assets')
|
|
})
|
|
}
|
|
|
|
startDevelopmentServer().catch(error => signale.error(error))
|