我正在重写一个使用Bourbon的“旧” React原型(prototype),它也使用gulpfile中的gulp-sass注入(inject)节点整洁的依赖项:

var sassOptions = {
    includePaths: require('node-neat').includePaths,
};

我想使用create-react-app样板,并通过使用npm脚本编译sass文件来为样式提供一个“简单”的工作流程(也是因为create-react-app限制了您的工作),但是我不知道如何要做到这一点。

"build-css": "node-sass src/styles/ -o src/",
"watch-css": "npm run build-css && node-sass src/styles/ -o src/ --watch --recursive"

将来我可能会使用另一种方法来重写样式(也许使用样式化的组件,也许继续使用Sass并完全消除Bourbon),但是我现在只需要从旧项目中移植Sass样式即可。

关于集成create-react-app(不弹出)和Bourbon/Neat的任何想法?

例如,是否有办法将neat.includePaths位放入package.json的node-sass单行脚本中?

最佳答案

据我所知,您无法评估需要通过includePaths中的单行代码导入Bourbon和Neat的package.json

但是,您仍然可以在未弹出的React应用程序中使用Bourbon + Neat。如果按照React here的说明保留package.json的更改,请在您的机器上安装gems并将它们本地安装在您认为合适的Sass目录中。举个例子;

  • /src
  • /样式
  • /供应商
  • /波旁威士忌
  • /整洁
  • /其他萨斯图书馆
  • /base
  • /布局
  • /...
  • App.js
  • ...

  • 在安装了gem之后,请在要安装它们的位置运行命令。 bourbon install --path <some-path>neat install

    当您可以通过这种方式引用Bourbon和Neat时,只需@import vendors/bourbon/bourbon等就没问题。

    当然,这种管理样式的方法与React/Webpack的共置模块思想并不相提并论,但有时确实需要完全受控的Sass样式树。

    关于bourbon - 创建 react 应用程序(不弹出)+波旁威士忌/整洁?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43515151/

    10-11 08:01