更改scss文件位置與快遞發電機不工作

因此，我已經按照說明腳手架與快遞發電機最新版本的新項目。創建完成後，我完成了npm安裝，一切都正常。在Express-Generator選項下，我將帕格作爲視圖引擎和風格傳遞給了Sass。創建項目後，我發現.css文件位於.scss文件旁邊，因此我在名爲sass的公用文件夾下創建了新文件夾以存儲所有.scss文件，然後在app.js中更改src路徑文件到公共/ sass，並且我只有sass文件夾下的兩個文件是生成器創建的文件夾，其他具有一個可變顏色的文件用於測試導入。但是，只要我把文件移動到這個新的位置，變量顏色的變化就不會被製作出來，如果我把文件移回到它們工作的原始位置，有人能告訴我發生了什麼嗎？更改scss文件位置與快遞發電機不工作

app.use(sassMiddleware({ 
    src: path.join(__dirname, "public", "sass"), 
    dest: path.join(__dirname, "public"), 
    indentedSyntax: false, // true = .sass and false = .scss 
    sourceMap: true 
}));

來源

2017-10-09 alex

檢查你的sass文件的包含。 –

我只有一個名爲sass的文件夾，裏面有一個名爲styles.scss的文件，它只有@import「partials/basics」;並在該sass文件夾中，我有另一個名爲partials的文件夾與文件basics.scss只是$黑色：＃000000; – alex

你在'public \ sass'文件夾中有'partials'子文件夾嗎？如果兩個文件都在同一個文件夾中，它必須是「@import」基礎。 –

sassMiddleware實際上是尋找一個特定的文件夾結構，所以當我改變了公共目錄社科院，它是在薩斯文件夾叫樣式表的另一個文件夾內期待，而這個新的文件夾內，我可以把任何SCSS文件，現在它正在工作，謝謝所有人。

來源

2017-10-14 02:00:33 alex

更改scss文件位置與快遞發電機不工作

回答

相關問題