我正在运行带有惯性 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 机器时会中断。似乎绝对路径是相对于操作系统而不是服务器根目录的。