Webpack 如何将vue组件从导入的gem加载到rails中的lib目录?

Webpack 如何将vue组件从导入的gem加载到rails中的lib目录?,webpack,vuejs2,ruby-on-rails-5,vue-component,webpacker,Webpack,Vuejs2,Ruby On Rails 5,Vue Component,Webpacker,我们正在使用Ruby将Java脚本加载到网页中。 目前,我们在webpacker.yml中设置了如下路径 source_path: app/javascript source_entry_path: packs public_output_path: packs 这可以正常工作,并从给定路径加载所有资源 问题: 在我的应用程序中,我们试图从第三方库lib/目录加载资产,该目录包含javascript文件,如下面的文件夹结构所示 如何将资产(file1.vue)从lib目录加载到包中

我们正在使用Ruby将Java脚本加载到网页中。 目前,我们在webpacker.yml中设置了如下路径

  source_path: app/javascript
  source_entry_path: packs
  public_output_path: packs
这可以正常工作,并从给定路径加载所有资源

问题: 在我的应用程序中,我们试图从第三方库lib/目录加载资产,该目录包含javascript文件,如下面的文件夹结构所示

如何将资产(file1.vue)从lib目录加载到包中

供参考

这是我们目前的文件夹结构:

file1.vue,在chrome浏览器的“源”选项卡下检查资源时,此文件不会加载

我看不到“字段”文件夹下的文件内容

网页包文件夹结构


安装导入的gem包并启动webpack后,它就可以工作了

gem update --system

bundle install

run webpack-dev-server
gem update --system

bundle install

run webpack-dev-server