的WebPack SASS裝載機，與字體面在SCSS文件CSS-裝載機休息

這是我的風格裝載機配置：的WebPack SASS裝載機，與字體面在SCSS文件CSS-裝載機休息

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

在我的源SCSS文件，我有這樣的：

@font-face { 
    font-family: 'icomoon'; 
    src: url('../fonts/icomoon.eot?-cvpazo'); 
    src: url('../fonts/icomoon.eot?#iefix-cvpazo') format('embedded-opentype'), 
     url('../fonts/icomoon.woff?-cvpazo') format('woff'), 
     url('../fonts/icomoon.ttf?-cvpazo') format('truetype'), 
     url('../fonts/icomoon.svg?-cvpazo#icomoon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

我得到這個錯誤：

Module parse failed: /client/fonts/icomoon.svg?-cvpazo Unexpected token (1:0) You may need an appropriate loader to handle this file type.

的WebPack不能加載字體-face聲明，做什麼我需要在這裏做的就是字體臉工作？

來源

2017-01-13 dylanjha

你試圖使用你的決心，網址裝載機的薩斯裝載機前？我有類似的問題，希望你能找到解決辦法！ – bboydflo

我做了嘗試，並沒有解決這個問題，決心，網址加載器將處理傳遞給'url'的路徑，但它不會解決這個問題。，現在清楚的是，青菜裝載機和CSS加載器無法處理@字體面。這對我來說不直觀。我想我將不得不使用單獨的字體加載器。我會試一試，並在我做的時候報告！ – dylanjha

也許你需要添加文件加載器加載字體

{ 
    test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/, 
    use: ['file-loader'] 
}

來源

2017-01-18 11:45:53 bboydflo

的WebPack SASS裝載機，與字體面在SCSS文件CSS-裝載機休息

回答

相關問題