Question

我正在使用惯性js运行Vue应用。我的应用程序位于网络根目录下的文件夹中，如下所示：

/
  -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）中生成，

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

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

（/ myVueApp / includes / js）中的runtime.js文件可以很好地加载，但是它告诉浏览器从服务器根目录而不是/ myVueApp文件夹中查找分块的文件。

我可以使用哪种Webpack设置来解决此问题？

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

Answer 1

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

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

1 个答案: