从一个子目录服务webpack构建资产

Question

在我看过的所有示例中，入口点html文件（例如index.html）与webpack发出的所有构建资产一起存在。

build/
  index.html
  bundle.js
  1.bundle.js
  2.bundle.js
  etc

我希望将我的入口点html与构建的资产分开：

index.html
build/
  bundle.js
  1.bundle.js
  2.bundle.js
  etc

这可以用webpack吗？

Answer 1

啊哈，想通了。在webpack.config中，您必须设置output.publicPath。该路径用于为CSS中的所有相对URL添加前缀。

就我而言，我用过：

output: {
    path: path.resolve('./build'),
    publicPath: './build/',
    filename: '[name].bundle.js'
},

http://webpack.github.io/docs/configuration.html#output-publicpath