Question

我目前正在使用WebpackHtmlPlugin来简化我的index.html入口点，但我的主要问题是index.html与所有其他资产（即publicPath指向的任何位置）处于同一级别。

我希望将index.html服务于一个文件夹，并将webpack生成的所有资产都放在子文件夹中。像这样的东西

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

有没有办法可以实现这一目标而不反对webpack并手动映射每个资产并将PublicPath设置为root？

Answer 1

您可以将CopyWebpackPlugin与HTMLWebpackPlugin ...

一起使用

plugins: [
    new HtmlWebpackPlugin({
        filename: "index.html",
        template: "index.html",
        inject: false
    }),
    new CopyWebpackPlugin([
        { from: 'from/directory/**/*', to: '/absolute/path' },
    ])
],

参见https://www.npmjs.com/package/copy-webpack-plugin

中的参考资料

使用HtmlPlugin从一个子目录中为webpack构建资源

1 个答案: