Webpack在JS文件裏面需要SASS？

我剛剛在關注Jeffrey Way的WebPack介紹，我無法理解的一件事是爲什麼他會將他的.scss文件導入到他的main.js文件中，只能將它再次提取到單獨的文件中？爲什麼它首先需要在JS中？Webpack在JS文件裏面需要SASS？

任何一種足以解釋和幫助我。我肯定錯過了什麼。

2017-10-19 rctneil

讓我們的WebPack的守望熱重載與CSS工作也一樣，而不是需要一個完全獨立的組的工具來監視這些。 – ceejayoz

@ceejayoz那麼，我是否應該創建一個main.js文件，其中需要加載我的CSS和其他JS文件？並將其用作WebPack觀看的內容？ – rctneil

不管你喜歡做什麼。設置JavaScript構建的方法有很多種 - 如果你不喜歡Jeffrey Way的方式，可以採取其他措施。 – ceejayoz

簡單的答案基本上就是，webpack是用來構建和捆綁JS的。有擴展webpack的插件可以爲您提供SCSS，LESS，...捆綁。

每個包都有一個入口點。在webpack的情況下，這是一個.js文件。您在該入口點或入口點中導入/需要的文件中導入/要求的每個文件都將使其進入最終捆綁包。

webpack的默認行爲是將.scss/.css也捆綁到.js包中。您可以使用像ExtractTextWebpackPlugin這樣的插件來生成單獨的樣式包。

所以答案是：假定的WebPack，一切都是JavaScript和你需要的插件來證明是錯誤的;-)

2017-10-20 16:32:24

謝謝，我實際上發現你可以有多個文件被傳入它的入口點。我已經通過了app.js和app.scss。那些文件然後導入其他JS或其他SCSS或CSS文件。實際上目前看起來運行良好。不幸的是，它在我的css輸出文件夾中創建了一個空的app.js文件。如果我在OP中發佈配置，你會看看嗎？ – rctneil

回答