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 机器上。