使用webpack打包，如何實(shí)現(xiàn)在打包后所有靜態(tài)資源路徑都使用相對(duì)路徑（并非/開頭的全路徑）？

我的項(xiàng)目是采用vue-cli腳手架搭建的開發(fā)環(huán)境，是一個(gè)多頁(yè)（多入口）程序，目前是根據(jù)src中各入口js的路徑來(lái)動(dòng)態(tài)生成頁(yè)面路徑，因此發(fā)布后的多個(gè)頁(yè)面的層級(jí)并不一致，比如登錄頁(yè)在根目錄下，部分頁(yè)面在第二層級(jí)，還有些頁(yè)面在第三、四層級(jí)等（動(dòng)態(tài)生成）。

在webpack的output的publicPath配置的是'/'，打包后的文件和資源引用路徑如下：

login.html       // 對(duì)a.js的引用打包后的效果：<script src="/static/js/a.js"><script/>
ccm/a.html       // 對(duì)a.js的引用打包后的效果：<script src="/static/js/a.js"><script/>
ccm/basic/b.html // 對(duì)a.js的引用打包后的效果：<script src="/static/js/a.js"><script/>
static/js/a.js
static/css/a.css        // 對(duì)a.png的引用打包后的效果：url(/static/images/a.png)
static/css/basic/b.css  // 對(duì)a.png的引用打包后的效果：url(/static/images/a.png)
static/images/a.png

打包后的所有頁(yè)面的js、css引用和css中的圖片引用，都是采用/開頭的全路徑（/是站點(diǎn)根目錄路徑）。

這樣的引用路徑，用于網(wǎng)站部署沒什么問題，但是這個(gè)項(xiàng)目同時(shí)用于App集成，要和App打包在一起，因此所有靜態(tài)資源的引用路徑必須是相對(duì)路徑（App里沒有站點(diǎn)概念，/不會(huì)被識(shí)別為根目錄）。它需要這樣的打包效果：

login.html       // 對(duì)a.js的引用打包后的效果：<script src="./static/js/a.js"><script/>）
ccm/a.html       // 對(duì)a.js的引用打包后的效果：<script src="../static/js/a.js"><script/>
ccm/basic/b.html // 對(duì)a.js的引用打包后的效果：<script src="../../static/js/a.js"><script/>
static/js/a.js
static/css/a.css        // 對(duì)a.png的引用打包后的效果：url(../images/a.png)
static/css/basic/b.css  // 對(duì)a.png的引用打包后的效果：url(../../images/a.png)
static/images/a.png

也在網(wǎng)上搜索過，發(fā)現(xiàn)有相似的帖子：點(diǎn)擊這里查看，它提供的思路是：修改publicPath來(lái)解決。
但沒有解決我的問題，我項(xiàng)目里的多個(gè)頁(yè)面路徑層級(jí)不一，對(duì)靜態(tài)資源的引用路徑前綴肯定也是不一致的。

請(qǐng)問，該如何配置webpack，可以實(shí)現(xiàn)我的要求？