最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

如何自定义引导4与reactstrap依赖reactjs应用程序?

运维笔记admin14浏览0评论

如何自定义引导4与reactstrap依赖reactjs应用程序?

如何自定义引导4与reactstrap依赖reactjs应用程序?

我开始开发与reactstrap一个作出反应的应用程序。我跟着入门运行以下命令:

npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start

npm install bootstrap --save
npm install --save reactstrap@next react react-dom

然后,我可以看到"bootstrap": "^4.0.0"package.jsondependencies和引导/在我的项目node_modules文件夹。好。

现在我想改变,例如,自举原色。让我们先从简单的:)。我已阅读Bootstrap 4 Theming,但我不觉得我的项目的任何custom.scss

什么是添加和编辑的引导主题使用reactstrap时的正确方法?另外,我怎么把我的变化跨引导更新,因为/node_modules.gitignore

PS:我是新来的网络/反应的发展,所以我道歉,如果我问/说任何愚蠢的事还是很明显。

谢谢

回答如下:

说明这里:https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet

  1. 安装萨斯:npm install node-sass --save
  2. 安装reactstrap。首先引导:npm install bootstrap --save。然后reactstrap:npm install --save reactstrap react react-dom
  3. 创建自定义的引导主题文件src/styles/custom-btsp.scss和编辑通缉(见theming v4)。
  4. 添加import './styles/css/custom.scss';src/index.js

完成!

这是我的qazxsw POI文件的例子:

custom-btsp.scss
发布评论

评论列表(0)

  1. 暂无评论