Vue js проблемы при сборке вне папки sr c

Question

Я работаю над MPA с Vue и codeigniter. У меня есть следующая архитектура:

-htdocs(root)
  - application
    - src
    - views
    - models
    - controllers

Я работаю со своим внешним интерфейсом в основном в каталоге sr c, а остальные являются каталогами модели codeigniter MVC. Что я делаю, так это настраиваю веб-пакет для сборки непосредственно в каталоге views, чтобы мой codeigniter мог использовать сгенерированные htmls, настроенные следующим образом: (в этом случае я настроил его в файле vue .config. js)

outputDir: './views'

До этого момента все работало нормально, wepback делает связки и генерирует все необходимые файлы внутри моего каталога views. Теперь проблема в том, что путь к файлам - root проекта , Затем он пытается извлечь файлы следующим образом:

 <link rel="preaload" href="/css/chunk-common.45fe69c2.css" as="style">

, чтобы он указывал на правильный путь (приложение / представления). Я сделал следующую конфигурацию в vue .config. js:

assetsDir: './views'

Но теперь, когда он собирается сделать сборку, у меня появляется следующее предупреждение, и комплект файлов не завершен.

Кто-нибудь знает, почему это происходит?

Answer 1

Предполагая, что вы хотите получить доступ к stati c активам по базовому URL http://example.com/application/views/..., вы захотите установить свойство publicPath в вашей конфигурации

// vue.config.js
module.exports = {
  outputDir: 'views',
  publicPath: '/application/views/',
  // ...
}

---

К вашему сведению, если вы когда-либо захотите использовать assetsDir, не ставьте перед ним префикс ./

Каталог ( относительно outputDir) для вложения созданных ресурсов c (js, css, img, шрифты) в.

Примером может быть

assetsDir: 'assets'

который будет выгружать файлы в views/assets/css, views/assets/js, et c.