webpack - 为dev/staging/production设置不同的<base>的正确方法是什么

<base href="">

开发和生产是不同的(生产是子文件夹)。用webpack建立不同基础的好方法是什么？

最佳答案

到目前为止，我发现最好的就是将此属性放入config(HtmlWebpackPlugin选项)中:

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

然后将其输出到index.html中:

<base href="<%= htmlWebpackPlugin.options.baseUrl %>" />