在Webpack DllPlugin里面有没有publicPath或者类似的选项？

Question

我使用的mxstbr/react-boilerplate使用了很棒的DllPlugin，但由于应用程序是由/admin下的nginx提供服务的，所以当尝试从根url获取reactBoilerplateDeps.dll.js文件时，它会失败并返回404 (它点击的是http://localhost/reactBoilerplateDeps.dll.js而不是http://localhost/admin/reactBoilerplateDeps.dll.js)。

有没有类似于Webpack在DllPlugin上的publicPath选项的概念，或者有任何方式来告诉DllPlugin正在路径前缀下使用？

Answer 1

我添加了前缀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>`));

此外，根据您代理请求的方式，您应该确保开发服务器正确处理文件名。因此，如果您还将前缀传递给开发服务器，则应该将其从请求路径here中删除。

Answer 2

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

我也在为同样的问题而苦苦挣扎，但我尝试了以下方法：

1) Go to you webpack.dev.babel.js

2)转到您添加了以下内容的行：

dllNames.forEach((dllName) => body.append(<script data-dll='true' src='/${dllName}.dll.js'></script>))；

3)删除‘反斜杠’(/)，因为一旦安装node_modules文件就可以公开使用。因此，在删除之后，它将是：

dllNames.forEach((dllName) => body.append(<script data-dll='true' src='${dllName}.dll.js'></script>))；

4)运行npm run build:dll

5) npm启动

我希望这会有帮助。