如何将 CoreUI 合并到 React Rails 应用程序中？

Question

我想将 CoreUI 添加到我的 React rails 应用中。
我知道有 npm 包：@coreui/react
但是我不知道如何将它导入我的反应项目...

谢谢！

Answer 1

好的，所以我在我的 rails 应用程序中安装了 coreui react 模板。

1/ 在此处下载 coreui react 模板 (https://github.com/coreui/coreui-free-react-admin-template)
2/ rails new coreui-react-rails-app --webpack=react
3/ 在你的应用程序

中安装 coreui 模板 package.json 的所有依赖项

"@coreui/coreui": "^2.1.12",
"@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
"@coreui/icons": "0.3.0",
"@coreui/react": "^2.5.1",
"bootstrap": "^4.3.1",
"chart.js": "^2.8.0",
"classnames": "^2.2.6",
"core-js": "^3.1.4",
"enzyme": "^3.10.0",
"enzyme-adapter-react-16": "^1.14.0",
"flag-icon-css": "^3.3.0",
"font-awesome": "^4.7.0",
"node-sass": "^4.12.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-app-polyfill": "^1.0.1",
"react-chartjs-2": "^2.7.6",
"react-dom": "^16.8.6",
"react-router-config": "^5.0.1",
"react-router-dom": "^5.0.1",
"react-test-renderer": "^16.8.6",
"reactstrap": "^8.0.0",
"simple-line-icons": "^2.4.1"

4/ 将所有 src/ 内容移动到 rails 应用程序的 app/javascript/ 文件夹中
5/ 将 index.js 移动到 packs webpack 文件夹中（在 app/javascript/packs 中）
6/ 将你的 scss 文件夹和 App.scss 的内容移动到你的 app/assets/stylesheets 中（使用 webpack 加载） 7/ link rails 与你的 packs/index.js 文件
8/就是这样！

有问题请告诉我！

如何将 CoreUI 合并到 React Rails 应用程序中？

How to incorporate CoreUI to React Rails app?

ruby-on-rails

reactjs

core-ui