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 : '/'
}

html-webpack-plugin 和 webpack 2: 没有起始斜线 '/'

html-webpack-plugin and webpack 2: no starting slash '/'

javascript

webpack

html-webpack-plugin

webpack-2