从一个子目录服务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'
},