create-react-app（不彈出）+波本威士忌/整潔？

我改寫的「老字號」陣營使用波旁樣機，該機還採用一飲而盡 - 薩斯在gulpfile注入一個節點整潔的依賴性：create-react-app（不彈出）+波本威士忌/整潔？

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"

我會用不同的方法可能改寫未來的風格（也許使用樣式組件，也許繼續使用無禮和完全關閉，波旁），但我只需要移植薩斯款式舊項目現在。

關於集成create-react-app（不彈出）和Bourbon/Neat的任何想法？

有沒有辦法讓neat.includePaths位進入package.json中的node-sass單線程腳本，例如？

來源

2017-04-20 zok

不重要的一點，但你應該換''neat'爲'bourbon-neat'。 'node-neat'是一個端口，並且往往落後於官方發佈。 https://www.npmjs.com/package/bourbon-neat – whmii

非常感謝。任何幫助是極大的讚賞。 – zok

最好的辦法是在https://github.com/thoughtbot/neat#installing-with-npm-and-using-a-node-based-asset-pipeline查看內容NPM文檔作爲替代方案，您可能需要嘗試http://eyeglass.rocks/作爲一種處理您的sass和依賴關係的方式。可悲的反應是在我的駕駛室外面，所以這是我能給的最好的建議。 – whmii

據我所知，你不能評估includePaths你需要能夠通過在package.json單線進口波旁和整潔。

但是，您仍然可以使用Bourbon + Neat與不退出的React應用程序。如果您按照React here的說明保留package.json更改，請將寶石安裝到您的機器上，並將它們本地安裝在您認爲合適的Sass目錄中。舉個例子;

/src目錄
- /風格
  - /供應商
    - /波旁
    - /整齊
    - /其他 - 薩斯庫
  - /基
  - /佈局
  - /...
- App.js
- ...

當安裝有寶石，你運行的命令你想要他們安裝的地方。 bourbon install --path <some-path>和neat install。

當你可以引用波旁整潔這種方式，它是沒有問題，只是@import vendors/bourbon/bourbon等

當然，管理風格的這種方式是不是與之反應的協同定位，模塊思維比肩/的WebPack ，但有時肯定需要完全控制的Sass樣式樹。

來源

2018-02-06 13:48:26 miphe

create-react-app（不彈出）+波本威士忌/整潔？

回答

相關問題