的WebPack错误编译时，青菜

我有一个SASS组件，像这样：的WebPack错误编译时，青菜

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

[class^="icon-"], [class*=" icon-"] { 
    /* use !important to prevent issues with browser extensions that change fonts */ 
    font-family: 'icomoon' !important; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 

    /* Better Font Rendering =========== */ 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

.icon-close2:before { 
    content: "\e66d"; 
} 
.icon-checkmark2:before { 
    content: "\ea11"; 
}

和的WebPack配置是这样的：

var webpack = require('webpack'); 
var path = require('path'); 

var BUILD_DIR = path.resolve(__dirname, 'public/js/'); 
var APP_DIR = path.resolve(__dirname, 'jsx'); 

var config = { 
    entry: APP_DIR + '/index.jsx', 
    output: { 
     path: BUILD_DIR, 
     filename: 'app.js' 
    }, 
    module : { 
     loaders : [ 
      { 
       test : /\.jsx?/, 
       include : APP_DIR, 
       loader : 'babel' 
      }, 
      { 
       test: /\.scss$/, 
       loaders: ['style', 'css', 'sass'] 
      } 
     ] 
    } 
}; 

module.exports = config;

，只要我有青菜组件的上方，我得到以下错误：

ERROR in ./public/fonts/icomoon.ttf Module parse failed: /Users/alessandro.santese/Desktop/Alessandro/AIA/projects/accenture-tshirtbuilder/tshirtbuilder/public/fonts/icomoon.ttf Unexpected character '' (1:0) You may need an appropriate loader to handle this file type.

和其他许多人喜欢本作的其他字体

来源

2017-01-16 Alex

您的webpack配置会错过ttf文件的加载器。我认为你应该在你的情况下使用url loader。添加到您的装载机

{ 
    test: /\.(eot|woff|woff2|ttf|svg|png|jpg)$/, 
    loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]' 
}

你需要安装：npm install url-loader --save-dev

来源

2017-01-16 11:06:42

的WebPack错误编译时，青菜

回答

相关问题