捆綁單獨的CSS與的WebPack

Question

我得的WebPack與style-loader和sass-loader工作，但找不出一件事了：

我有兩個單獨的「樣式」束（我們正常的應用程序，自定義皮膚客戶端版本）。如果我分別需要它們，它仍然會以1個文件（bundle.css）的形式輸出。我也嘗試設置sass源文件作爲入口點，但是這給了我這個錯誤：

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' /Users/slangbroek/Projects/app-name/app/src/styles/mobile/mobile in /Users/slangbroek/Projects/app-name/app/src 

這兩個樣式表入口點。有沒有人有任何想法如何用Webpack來實現這一點？

Answer 1

您可以使用兩個.js入口點，一個用於普通應用程序，另一個用於定製皮膚版本。如果這些樣式表中唯一的區別在於樣式表，那麼您可能需要3個入口點，一個用於兩個項目使用的應用程序.js以及每個.scss文件的入口點。所有這些入口點文件都需要樣式表。

它很奇怪，但我相信這將是唯一的純webpack解決方案。當然，你可以考慮將webpack與gulp/grunt/etc結合使用，並使用任務運行器與webpack捆綁並編譯你的scss文件。