将 particles.js 包含到 rails / webpack 项目中

Question

我有一个基于 Rails 6.0.0.rc2 的项目，包括 webpack。我试图简单地包含库 particles.js

我正在关注 GitHub 自述文件： - 用纱线安装库 - 添加具有特定 id 的容器 - 尝试使用 particlesJS.load

初始化函数

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

particle_js__webpack_imported_module_0___default.a.load is not a function

阅读了很多关于这个主题的问题，但没有什么是真正清楚的。这里有一些线索，但我没有成功：

我了解到 particleJS 链接到 window 对象。事实上，当我在控制台 particleJS 中尝试时，它确实有效。

那么你能简单地告诉我如何将 particleJS 与 webpack 一起使用吗？或者如何在 webpack 中使用 window 函数？

提前感谢您的努力！

Answer 1

欢迎来到 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);

Answer 2

我运行遇到了这个完全相同的问题，这是我为使它正常工作所做的工作。

如果您使用 yarn 来 install/add 包，那么运行从应用程序的根目录执行以下命令将 particles.js 添加到 node_modules 文件夹：

yarn add particles.js

现在打开app/javascript/packs/application.js并添加以下内容：

require("particles.js")

现在重新启动您的 rails 服务器，它应该可以工作了。

将 particles.js 包含到 rails / webpack 项目中

Include particles.js into rails / webpack project

javascript

ruby-on-rails

webpack

particles.js