创建反应 - 应用(无需弹出) 波旁威士忌/整洁

Question

我正在重写使用波旁威士忌的"旧"反应原型，它还在墨西哥湾中使用了墨西哥杂货，以注入节点 - 纳特依赖性：

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并完全删除波旁威士忌(，但是我现在只需要将旧项目的Sass样式移植。p>关于集成创建反应应用(不弹出(和波旁/整洁的任何想法？

有没有一种方法可以使整洁。

据我所知，您无法评估includePaths您需要能够通过package.json中的单线导入波旁威士忌和整洁。

但是，您仍然可以在非注射的React应用程序中使用波旁威士忌 整洁。如果将package.json如下所述保持更改，请在计算机上安装宝石，并将其本地安装在您认为合适的SASS目录中。例如;

• /src
  • /样式
    • /供应商
      • /Bourbon
      • /nateat
      • /其他萨斯 - library
    • /base
    • /布局
    • /...
  • app.js
  • ...

安装宝石时，您可以在要安装的命令中运行命令。bourbon install --path <some-path>和neat install。

当您可以以这种方式引用波旁威士忌和整洁时，简单的@import vendors/bourbon/bourbon等都没有问题。

当然，这种管理样式的方式与对React/webpack的共同存在的模块不符，但有时肯定需要完全控制的Sass样式树。