Webpack.config.jsローダー配列が使用されていません。

Question

ここで誰もWebpackで味付けしていますか？私はそれを使って遊んでいて、かなり早い段階で問題に取り掛かります。添付されたGISTで、私のwebpack.config.jsはインクルードされたファイルのローダー配列を使いたくないようです。私がローダーをインライン化すると、彼らは動作しますが、それ以外の場合は、ローダーが足りなくなっていることがわかります。何か案は？

https://gist.github.com/coreysnyder/5e4b02ad11cf1ace52cceca59fb7045d

Answer 1

それはmodule.loaders、ないloadersでなければなりません。

var webpack = require('webpack'); 

module.exports = { 
    context: __dirname + '/app', 
    module: { 
    loaders: [ 
     {test: /\.css$/, loader: "style-loader!css-loader" }, 
     { test: /\.png$/, loader: "url-loader?limit=100000" }, 
     { test: /\.jpg$/, loader: "file-loader" }, 
     {test: /\.woff(\?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" }, 
     {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff"}, 
     {test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader: "file-loader"} 
    ], 
    }, 
    entry: { 
    app: ['./app.js', './app.css'], 
    vendor: [ 
     'angular', 
     'angular-route', 
     'underscore', 
     '!style-loader!css-loader!app.css', // This works fine as it's a simple 1 definition css file 
     '!style-loader!css-loader!bootstrap/dist/css/bootstrap.css' // This blows up trying to process the font files 
     'app.css', // This doesn't work b/c `You may need an appropriate loader to handle this file type.` 
     'bootstrap/dist/css/bootstrap.css' // This doesn't work b/c `You may need an appropriate loader to handle this file type.` 
    ] 
    }, 
    output: { 
    path: __dirname + '/app/dist', 
    filename: 'app.bundle.js', 
    publicPath: '/dist' 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js") 
    ], 
    devServer: { 
    contentBase: "./app", 
    hot: false 
    } 
};