Vue Cli 3 перейдите в каталог dist

Question

У меня есть приложение Vue Cli 3, которое при сборке создает пакет веб-компонентов в каталоге dist.

Я ищу способ просмотра файлов в каталоге dist при запуске npm run serve, который запускает сервер разработки webpack.

Когда я делаю это сейчас (то есть, что-то вроде перехода к http://localhost:8083/dist/component.js),, я просто представляю файл index.html, находящийся в общедоступном каталоге.

Как настроить через файл vue.config.js возможность, чтобы devserver обслуживал файлы в каталоге "dist"?

Answer 1

devServer предназначен для обеспечения среды разработки конфигурациями для применения определенных загрузчиков, плагинов и т. Д. То, что вы ищете, - это способ обслуживания локально размещенных файлов в качестве рабочего приложения. Это две разные цели, и я бы не советовал настраивать devServer config для этой цели.

Существуют простые способы обслуживания статических файлов на локальном компьютере. Одним из самых простых является использование live-server , serve или аналогичного.

Чтобы он работал с live-server, требуется всего несколько шагов:

1) Установить

npm install -g live-server

2) В терминале перейдите в папку, где находятся статические файлы (например, project-folder/dist/

3) Выполнить команду live-server.

Откроется вкладка браузера с index.html в качестве точки входа и будет имитировать веб-сервер на локальном компьютере. В документах .

доступно много других опций.

Но это послужит цели и не помешает devServer цели.