WebpackChunkName 使用当前工作目录而不是 web 根目录答案

【问题标题】：WebpackChunkName uses current working directory instead of web rootWebpackChunkName 使用当前工作目录而不是 web 根目录
【发布时间】：2020-09-05 12:19:25
【问题描述】：

我正在运行一个带有惯性 js 的 Vue 应用程序。我的应用程序位于 web 根目录中的文件夹中，如下所示：

/
  -myVueApp/
     -webpack.config.js
     -includes/
         -js/
            -pages/

在我的 app.js 文件中，我有以下代码：

    resolveComponent: name => import(
        /* webpackChunkName: "includes/js/pages/[request]" */ `@/Pages/${name}`
    ).then(module => module.default)

当我构建时，文件会在正确的目录（/myVueApp/includes/js/pages）中生成，

运行应用程序时，浏览器会直接在 Web 根目录中查找分块文件（/includes/js/pages），而不是 myVueApp 文件夹。

Webpack.config.js、package.json 都在 myVueApp/ 文件夹中，这是执行 npm run 命令的地方。

(/myVueApp/includes/js) 中的 runtime.js 文件加载正常，但它告诉浏览器从服务器根目录而不是 /myVueApp 文件夹中查找分块文件。

我可以使用什么 webpack 设置来解决这个问题？

我尝试设置根路径，但它需要一个绝对路径，当从我的 Windows 机器切换到 Linux 机器时会中断。似乎绝对路径是相对于操作系统而不是服务器根目录的。

【问题讨论】：

标签： vue.js webpack elixir inertiajs

【解决方案1】：

我解决了。我必须在 webpack.config.js 中设置 output.publicPath="/myVueApp/"

【讨论】：