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

【问题标题】：How to incorporate CoreUI to React Rails app?如何将 CoreUI 合并到 React Rails 应用程序？
【发布时间】：2019-09-01 16:39:09
【问题描述】：

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

谢谢！

【问题讨论】：

标签： ruby-on-rails reactjs core-ui

【解决方案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/ 移动 Rails 应用程序的 app/javascript/ 文件夹中的所有 src/ 内容
5/ 将 index.js 移动到 packs webpack 文件夹中（在 app/javascript/packs 中）
6/ 在你的 app/assets/stylesheets 中移动你的 scss 文件夹和 App.scss 的内容（使用 webpack 加载） 7/ 将 rails 与您的 packs/index.js 文件链接
8/就是这样！

如果有问题请告诉我！

【讨论】：