create-react-app(不弹出)+波本威士忌/整洁？

Question

我正在重写一个使用Bourbon的"旧"React原型,它还在gulpfile中使用gulp-sass来注入一个节点整齐的依赖:

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单线程脚本中,例如？

Answer 1

据我所知，您无法评估您includePaths需要能够通过 中的单行导入 Bourbon 和 Neat package.json。

但是，您仍然可以将 Bourbon +Neat 与非弹出的 React 应用程序一起使用。如果您按照此处package.json的 React 描述保留更改，请在您的计算机上安装 gem，并将它们本地安装在您认为合适的 Sass 目录中。举个例子;

• /src
  • /风格
    • /供应商
      • /波旁酒
      • /整洁的
      • /其他-sass-库
    • /根据
    • /布局
    • /...
  • 应用程序.js
  • ...

安装 gems 后，您可以在想要安装它们的位置运行命令。bourbon install --path <some-path>和neat install。

@import vendors/bourbon/bourbon当您可以通过这种方式引用 Bourbon 和 Neat 时，简单地等就没有问题了。

当然，这种管理样式的方式与 React/Webpack 的并置模块思维无法相提并论，但有时肯定需要完全受控的 Sass 样式树。