Webpack的不同文件夹中的公共路径有问题

时间:2020-05-20 14:45:33

标签: javascript webpack webpack-4 html-webpack-plugin

我目前正在尝试在项目上开始使用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页(索引,结帐),而结帐位于“ checkout”文件夹中。为此,我将使用以下两个入口点:

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的路径

反正我能解决这个问题吗?

0 个答案:

没有答案