Webpack / Vuejs - 改变资产的路径？

Question

（来自Gulp，我是Vue和Webpack的新手）

我使用vue-cli创建了一个小型Vue应用程序。 我在webpack配置文件中的路径目前设置如下：

assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'assets',
assetsPublicPath: '../'

正如预期的那样，结果如下：

index.html ：../assets/css/app.css

app.css ：../assets/img/myimage.png

问题是我的资产不是从生产服务器上的这个位置提供的。这也是我无法控制的。现在，我需要手动（在构建之后，使用replaceAll）将路径更改为：

index.html ：assets/css/app.css

app.css ：../img/myimage.png

有没有办法在Webpack中自动执行此操作？我尝试了多个不同的assetsPublicPath。但是看到我需要2个不同的index.html和app.css路径，这没有效果..

有什么想法吗？感谢

Answer 1

尝试

assetsPublicPath: './'

而不是

assetsPublicPath: '../'

如果你在Windows机器上。