javascript - 将微粒.js包含到rails/webpack项目

我有一个基于Rails 6.0.0.rc2的项目，包括webpack。我正在尝试仅包含库particles.js

我正在关注GitHub自述文件：
  -用纱安装库
  -添加具有特定ID的容器
  -尝试使用particleJS.load初始化函数

显然，它不起作用：未定义particleJS


  particle_js__webpack_imported_module_0 ___ default.a.load不是
  功能


在阅读了有关此主题的很多问题之后，但实际上还不清楚。这里有一些线索，但我没有成功：


https://stackoverflow.com/a/42457020/11027833
https://github.com/vigetlabs/blendid/issues/287
https://github.com/VincentGarreau/particles.js/issues/114


我知道，particleJS链接到窗口对象。确实，当我在控制台中尝试ParticleJS时，它可以工作。

那么，您能简单告诉我如何在Webpack中使用ParticleJS吗？还是如何在webpack中使用窗口功能？

预先感谢您的努力！

最佳答案

欢迎来到Rails + webpacker的混乱局面。从理论上讲，您将执行以下操作：

let particlejs = require("particlejs");

那在你的打包文件中。然后，您的window对象中就可以使用particlejs。

您也可以这样做：

// config/webpack/custom.js
module.exports = {
  resolve: {
    alias: {
      jquery: 'jquery/src/jquery',
      particle_js: 'particlejs'
    }
  }
}

也尝试一下：

import 'particles.js/particles';
const particlesJS = window.particlesJS;
particlesJS.load('particles-js', 'particles.json', null);

关于javascript - 将微粒.js包含到rails/webpack项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57637410/