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



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

谢谢!

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

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 应用程序/JavaScript/文件夹中的所有 src/内容移动
5/将索引.js移动到 packs webpack 文件夹中(在 app/javascript/pack 中(
6/在您的应用程序/资产/样式表中移动您的 scss 文件夹和 App.scss 的内容(使用 webpack 加载( 7/将导轨与您的包/索引链接.js文件
8/就是这样!

如果您有问题,请告诉我!

相关内容

最新更新