Как загрузить vue компонентов из импортированного гем в каталог lib в rails?

Question

Мы используем Ruby Webpacker для загрузки скриптов Java на веб-страницу. в настоящее время мы установили пути, как показано ниже в webpacker.yml

  source_path: app/javascript
  source_entry_path: packs
  public_output_path: packs

. Это прекрасно работает и загружает все ресурсы по указанному пути.

Вопрос: В моем приложении мы пытаемся загрузить ресурсы из каталога lib / сторонней библиотеки, который содержит javascript файлов, как показано ниже в структуре папок.

Как загрузить ресурс (file1. vue) ) из каталога lib в пакеты .

Для справки

Это структура папок, которую мы имеем в настоящее время:

-root
 |
 |-app
   |-javascript
     |-packs
       |-[pack files]
 |-lib
   |- app1
      |-app
        |-javascript
          |- shared
            |- components
              |- fields
                |- file1.vue

file1. vue, этот файл не загружается при проверке ресурсов в браузере chrome на вкладке источника.

Я не вижу содержимого файла в папке полей

Структура папок Webpack

Answer 1

После установки пакета импортированного гема и запуска в него веб-пакета, он работает.

gem update --system

bundle install

run webpack-dev-server