生產webpack上的樣式加載器

我是Node.js應用程序以及webpack的新手。在開發過程中，我會運行webpack-dev-server來提供我的包，它會創建樣式標籤並將所有的CSS放在那裏。由於我無法運行webpack-dev-server，我怎樣才能將css放置在生產服務器上的樣式標籤中？生產webpack上的樣式加載器

來源

2017-04-07 Ron

的style-loader不依賴於webpack-dev-server，它只是增加了你的CSS的捆綁，使得其將注入<style>標籤進入<head>，因此它的名字。只要你還在使用style-loader進行生產構建，它的工作原理將完全相同。

因爲取決於在注入CSS之前要加載的JavaScript包有一些缺點，所以存在extract-text-webpack-plugin，它從包中提取CSS，爲您提供可添加到HTML的CSS文件，以便您可以與JavaScript包分開請求/提供CSS。

來源

2017-04-07 20:57:41

我明白了。我已經使用extract-text-webpack-plugin將CSS提取到自己的包中，但我試圖使用webpack將CSS放入樣式標記中。如果我運行webpack-dev-server，那麼我會在樣式標記中看到CSS，但如果我不運行webpack-dev-server，那麼我根本看不到任何CSS。這是否意味着我必須在生產服務器上安裝node.js才能正常工作？ – Ron

如果使用'extract-text-webpack-plugin'，則需要將創建的CSS包含在您提供的HTML文件中（除了JavaScript包之外）。你可能不會在開發和生產中使用相同的配置，因此不同。 –

我會這樣做，看起來像一個更簡單的路線。謝謝！ – Ron

生產webpack上的樣式加載器

回答

相關問題