在 Rails 中通过 Webpack 导入第三方脚本

如何解决在 Rails 中通过 Webpack 导入第三方脚本

我是 Webpack 的新手。在 Rails 中，我可以像这样直接引用 JS 和 CSS 来成功添加一个 vanilla JS 轮播：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> 

<div class="slider">
  <article class="tns-item">
        <%= image_pack_tag '01.jpeg' %>
  </article>
  <article class="tns-item">
    <%= image_pack_tag '01.jpeg' %>
  </article>  
</div>

<script type="module">
  var slider = tns({
    container: '.slider'
  });
</script>

但是在通过纱线添加小滑块并尝试不通过 CDN 并像这样使用 Webpack 时：

// application.js
import { tns } from 'tiny-slider'; window.tns = tns;

我收到以下错误：

Uncaught TypeError: tns is not a function

如何解决这个问题？谢谢！