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

Question

我正在运行一个带有惯性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 / runtime.js /js)中的包含文件加载正常，但它告诉浏览器从服务器根目录而不是/myVueApp文件夹中查找分块文件。

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

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

Answer 1

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