javascript - webpack的不同文件夹中的公共路径存在问题

Question

我目前正在尝试在我的项目中开始使用 webpack。我的根目录中有一些 .html，我需要在文件夹中添加一些其他 .html（在我的情况下，我试图让一些 localhost/checkout/checkout.html 运行），但我遇到了问题路径。我当前的构建文件夹如下所示：

dist
┣ checkout
┃ ┣ checkout.1250022740c1f2b813b8.bundle.js
┃ ┣ checkout.1250022740c1f2b813b8.bundle.js.LICENSE.txt
┃ ┣ checkout.css
┃ ┗ checkout.html
┣ index.b5619d26d74cdeec0170.bundle.js
┣ index.b5619d26d74cdeec0170.bundle.js.LICENSE.txt
┣ index.css
┣ index.html
┣ runtime.2c3d0415a90a938674ee.bundle.js

基本上，我有 2 页（索引、结帐），结帐位于“结帐”文件夹中。为此，我正在使用这两个入口点：

index: src/index.js, 
checkout/checkout: src/checkout/checkout.js

但是，我在 checkout.html 路径上遇到了一些麻烦，它正在导入

./checkout/checkout.css 
./runtime.bundle.js 
./checkout/checkout.bundle.js

当正确的道路是

../checkout/checkout.css 
../runtime.bundle.js 
../checkout/checkout.bundle.js

（基本上是一个文件夹）。我可以将 output.publicPath 从“./”更改为“../”，但它会破坏 index.html 的路径

无论如何我可以解决这个问题吗？

标签： javascriptwebpackwebpack-4html-webpack-plugin