使用 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

我像这样导入了我的 waves.js 文件，没有 system 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();
}

使用 SystemJS 将库导入 React

Importing Libraries Into React with SystemJS

javascript

css

reactjs

systemjs