Javascript Rails 6：通过Webpacker包括第三方纱线库

我将jQuery添加到Webpack中，它似乎可以工作

我试图添加一个名为“Swiper”的JS库，但我不知道如何包含它

以下是我所做的：

纱线添加刷子

（成功）

environment.js：

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery',
    Swiper: 'swiper'
  })
)

module.exports = environment

application.js：

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('jquery')

import 'Swiper';

在我的控制台中，我得到：

未捕获错误：找不到模块“Swiper”

未捕获引用错误：未定义Swiper

---

附加问题：我怎么能只在特定视图中包含Swiper JS？e、 g.我只需要在

application.js中的
gallery.html.erb
上使用它：

import Swiper from 'swiper'
window.Swiper = Swiper


我认为没有必要将其放在您的
环境中。js
您在application.js中的导入语句无效，请改用
从“Swiper”导入Swiper
。无需在environment.js中定义swiper。