Optimize webpack usage, fix #34 (#58)

* introduce prod/dev build https://webpack.js.org/guides/production/
* use it properly with express https://webpack.js.org/guides/development/#using-webpack-dev-middleware
to provide a fast npm start (5 second)
This commit is contained in:
Romain Beaumont 2021-03-06 01:29:28 +01:00 committed by GitHub
commit c8e3ffd019
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 82 additions and 45 deletions

View file

@ -10,8 +10,21 @@ const app = express()
app.use(compression())
app.use(netApi({ allowOrigin: '*' }))
app.use(express.static(path.join(__dirname, './public')))
app.use(express.json({ limit: '100kb' }))
if (process.argv[3] === 'dev') {
// https://webpack.js.org/guides/development/#using-webpack-dev-middleware
const webpackDevMiddleware = require('webpack-dev-middleware')
const config = require('./webpack.dev.js')
const webpack = require('webpack')
const compiler = webpack(config)
app.use(
webpackDevMiddleware(compiler, {
publicPath: config.output.publicPath
})
)
} else {
app.use(express.static(path.join(__dirname, './public')))
}
// Start the server
const server = app.listen(process.argv[2] === undefined ? 8080 : process.argv[2], function () {