沒有加載Sass樣式表 - webpack

我有一個style.scss文件導入其他樣式表。我想實現的是沒有加載Sass樣式表 - webpack

負載的風格我的網頁
觀看更改上的所有樣式表文件中的任何變化，並反映其生活在瀏覽器上（不點擊刷新按鈕）。

我正在使用webpack-dev-server來提供文件。但是我看不到應用於我的頁面的樣式。

這是我在的WebPack配置裝載機：

modules: { 
     loaders: [ 
      { 
      test: /\.scss$/, 
      loader: ExtractTextPlugin.extract("style-loader", "css-loader!autoprefixer-loader!sass-loader") 
      } 
     ] 
}, 
plugin: [ 
    new ExtractTextPlugin('styles.css') 
]

，並在我的入口點文件，該文件是main.js我

require('../scss/style.scss');

當我運行的WebPack的style.css中正確地創建。但是，當我使用webpack-dev-server運行應用程序時，我看不到應用的樣式。

你可以找到Github

代碼是否有人可以幫助找到有什麼問題？

來源

2016-08-31 Negin Basiri

你已經在裝載器中使用ExtractTextPlugin，所以我不認爲你需要它在插件中聲明..我克隆你的回購看看。 –

@MrJSingh我會感謝 –

我從插件刪除「ExtractTextPlugin」和不斷變化的裝載機

{ 
    test: /\.scss$/, 
    loaders: ['style', 'css', 'sass'] 
    }

這適用於開發解決它。對於prod，我仍然需要ExtractTextPlugin來創建styles.css

來源

2016-09-01 01:03:02

是的，我昨天注意到，但我沒有時間與你分享。我相信ExtractTextPlugin存在問題，但是我看到很多人使用它，所以它必須與新版本一起使用。 –

沒有加載Sass樣式表 - webpack

回答

相關問題