What is the right way to set a different <base> for dev/staging/production

Question

for dev and production are different(for production it\'s subfolder). What is the good way to build different base with webp

Answer 1

the best what I found so far was to put this property in config(HtmlWebpackPlugin option):

new HtmlWebpackPlugin({
  ...
  baseUrl: process.env.NODE_ENV == 'development'?'/':'/app/'
})

and then output it in index.html: