フォント素晴らしい機能していないのWebPACK

Question

は私のWebPACKの設定です：

DEV-サーバーで

module.exports = { 
    watch: true, 
    context: __dirname + '/src', 
    entry: './entry.js', 
    devTool: "source-map", 
    output: { 
    path: __dirname + "/dist", 
    publicPath: '/dist/', 
    contentBase: __dirname + '/dist/', 
    filename: '[name].js' 
    }, 
    module: { 
    loaders: [ 

     { 
     test: /\.scss$/, 
     loaders: ["style", "css", "sass"] 
     }, 
     {test: /\.(otf|gif|png|jpg|JPG)$/, loader: "url-loader"}, 
     { 
     test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, 
     loader: "url?limit=10000&mimetype=application/font-woff" 
     }, { 
     test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, 
     loader: "url?limit=10000&mimetype=application/font-woff" 
     }, { 
     test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
     loader: "url?limit=10000&mimetype=application/octet-stream" 
     }, { 
     test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
     loader: "file" 
     }, { 
     test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
     loader: "url?limit=10000&mimetype=image/svg+xml" 
     } 
    ] 
    } 
}; 

それは素晴らしい作品が、私は開こうとするとdist/index.html、それはフォントを見つけることができません。私はこのようにそれを含める：

here is repo

@import "~font-awesome/css/font-awesome.min.css"; 

は、私は私のwebpack.configファイルのどこかに、間違いだと思います。しかし、別のフォントは必要に応じて動作します。

Answer 1

あなたは絶対パスとしてpublicPathをsettedためには、フォント関連のファイルは、Webから入手可能である。実際のパスは、http://litvinenkoevgeny.github.io/elegant/dist/ありながら、すべての静的resoursesはhttp://litvinenkoevgeny.github.io/dist/から要求されました。

したがって、publicPathを相対：./dist/に変更するだけで済みます。