javascript - 使用 SystemJS 将库导入 React

Question

我是 React 的新手，我通常有自定义的 css 文件和库用于我的 Web 应用程序开发。我已经能够使用 require 和 css-loader npm install 导入我的 css 文件。我想知道我是否可以使用 SystemJS 从 bower_components 导入像 waves.js 这样的库，并像在 JQuery/Javascript 中一样使用它 Waves.attach(".btn:not(.btn-icon):not(.btn-float)"), Waves.attach(".btn-icon, .btn-float", ["waves-circle", "waves-float"]), Waves.init()

如果可能，我该怎么做，如果不能，我该如何将 wave because 导入到我的元素中。

Answer 1

我在没有 system js 的情况下像这样导入了我的 waves.js 文件，并在 componentDidMount 中调用了 attach 函数> 功能，它就像一个魅力

import Waves from "../../libs/bower_components/Waves/dist/waves.min.js";

 componentDidMount() {
    Waves.attach(".btn:not(.btn-icon):not(.btn-float)");
    Waves.attach(".btn-icon, .btn-float", ["waves-circle", "waves-float"]);
    Waves.init();
}