html-webpack-plugin和webpack 2：无起始斜杠“ /”

Question

我有一个正在工作的webpack 1项目，我想迁移到webpack 2。

它几乎可以正常工作，我主要的剩余问题是html-webpack-plugin：

当我在webpack 2中使用它时，生成的脚本标签具有以下形式：

<script type="text/javascript" src="static/js/bundle.js"></script>

代替：

<script type="text/javascript" src="/static/js/bundle.js"></script>

注意：使用相同的插件选项，它可以在Webpack 1中正常工作。

这是webpack conf的相关部分：

  entry: [
    paths.appIndexJs,
    publicPath,
  ],
  output: {
    pathinfo: true,
    path: paths.appBuild,
    filename: 'static/js/bundle.js',
  },

  // (...)

  plugins: [
    new HtmlWebpackPlugin({
      inject: true,
      template: paths.appHtml,
    }),

我究竟做错了什么？

Answer 1

尝试output.publicPath显式设置：

output : {
  filename   : 'static/js/bundle.js',
  path       : paths.appBuild,
  publicPath : '/'
}