のWebPACKおよびファイル・ローダーロードしないフォント

Question

I持って次のWebPACKスクリプト：

const PATHS = { 
    app: path.join(__dirname, 'app'), 
    build: path.join(__dirname, 'build'), 
    fonts: path.join(__dirname, 'app/assets/fonts') 
}; 

私のファイルがバンドルされており、出力ビルドディレクトリに移動し、すべてが正常に動作しています。しかし、私は今、フォントローダーを追加しました。私のアプリケーションディレクトリの中で、私は以下のフォルダ内にフォントファイルを持っています：app/assets/fonts（現在はTTFのみですが、これは変更されます）。上記

const common = { 
    entry: { 
    app: PATHS.app 
    }, 
    output: { 
    path: PATHS.build, 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     loaders: ['react-hot', 'babel-loader?presets[]=es2015,presets[]=stage-2,presets[]=react,plugins[]=transform-runtime'], 
     exclude: /node_modules/ 
     }, 
     { 


    test: /\.scss$/, 
    loaders: ["style", "css?sourceMap", "sass?sourceMap"] 
    }, 
    { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" }, 
    { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }, 
] 
    ] 
    } 
}; 

マイフォントのスクリプトは絶対に何もしない、私は私のデフォルトのスクリプトの両方を実行します。

"build": "webpack", 
"start": "webpack-dev-server" 

は何もパブリックディレクトリ内に入れないで取得します。私は別に設定する必要がありますか？どのように私のフォントファイルでパブリックフォルダ内の同じディレクトリを作成するようにローダに指示することができますか？

Answer 1

{ 
    test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
    exclude: /node_modules/, 
    loader: 'file-loader?limit=1024&name=fonts/[name].[ext]' 
    }, 
    { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
    exclude: /node_modules/, 
    loader: "file-loader?limit=1024&name=fonts/[name].[ext]" 
    } 

現在、フォントは予想どおりpublic/fontsディレクトリを透過しています。

しかし、今、私はapp/assets/imagesからファイルを取得し、public/images/内でそれらを置くことによって、同じ結果を達成しようとしていますが、以下のコードがさえwebpackコマンドによってピックアップされていません。

と間違っている何

{ 
     test: /\.(jpg|jpeg|gif|png|svg)$/, 
     exclude: /node_modules/, 
     loader: "file-loader?limit=1024&name=images/[name].[ext]" 
    } 

それ？これは、フォントスクリプトと同じです。