(Из Gulp я новичок в Vue и Webpack)
Я сделал небольшое приложение Vue, используя vue-cli. Мои пути в конфигурационном файле 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
. Но, видя, что мне нужны два разных пути для index.html и app.css, это не имеет никакого эффекта.
Любые идеи? Спасибо