Webpack DllPlugin中是否有“publicPath”选项或类似内容？

Posted 2021-05-06

我正在使用mxstbr/react-boilerplate使用伟大的DllPlugin，但由于应用程序由qginxswpoi下的nginx提供，当尝试从根URL获取/admin文件时它失败了404（它击中reactBoilerplateDeps.dll.js而不是http://localhost/reactBoilerplateDeps.dll.js）。

在DllPlugin上是否有与Webpack的http://localhost/admin/reactBoilerplateDeps.dll.js选项类似的概念，或者是否告诉在路径前缀下使用的DllPlugin？

答案

我做了添加前缀publicPath：

where the dll scripts are appended to the body到 dllNames.forEach((dllName) => body.append(`<script data-dll='true' src='/${dllName}.dll.js'></script>`));

此外，根据您如何代理请求，您应确保开发服务器正确处理文件名。因此，如果您还将前缀传递给开发服务器，则应将其从请求路径 dllNames.forEach((dllName) => body.append(`<script data-dll='true' src='/${somePrefix}${dllName}.dll.js'></script>`)); 中删除。

另一答案

对于webpack.dev.babel.js格式，请单击here

我一直在努力，但尝试了以下几点：

1）转到webpack.dev.babel.js

2）转到你添加的行：

dllNames.forEach（（dllName）=> body.append（here））;

3）删除'反斜杠'（/），因为node_modules文件一旦安装就公开了。因此，删除后，它将是：

dllNames.forEach（（dllName）=> body.append（<script data-dll='true' src='/${dllName}.dll.js'></script>））;

4）运行npm run build：dll

5）npm开始

我希望，这有帮助。