我正在尝试自动化资产进入/dist。我有以下config.js：

module.exports = {
  context: __dirname + "/lib",
  entry: {
    main: [
      "./baa.ts"
    ]
  },
  output: {
    path: __dirname + "/dist",
    filename: "foo.js"
  },
  devtool: "source-map",
  module: {
    loaders: [
      {
        test: /\.ts$/,
        loader: 'awesome-typescript-loader'
      },
      { test: /\.css$/, loader: "style-loader!css-loader" }
    ]
  },
  resolve: {
    // you can now require('file') instead of require('file.js')
    extensions: ['', '.js', '.json']
  }
}

当我运行webpack时，我希望将与/lib同级的main.html包含进/dist文件夹中。我该如何做？

更新 2017_____________

我现在最喜欢的方法是使用html-webpack-plugin和一个模板文件。感谢被接受的答案！这种方式的优点是，索引文件还会自动添加缓存破坏后的js链接！