webpack加载bootstrap报错

Question

require('./sdk/bs3/css/bootstrap.css');

loader的配置

loaders: [
            { test: /\.scss$/, loader: "style!css!sass" },
            { test: /\.css$/, loader: "style!css" }, {
                test: /\.(png|jpg|git|svg)$/,
                loader: 'url-loader',
                query: {
                    name: config.dir.img + '[name].[ext]',
                    limit: 1
                }
            }, {
                test: /\.json$/,
                loader: 'json'
            }, {
                test: /\.html$/,
                loader: 'html?interpolate'
            }, {
                test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
                loader: 'file-loader',
                query: {
                    limit: 1,
                    name: config.dir.font + '[name].[ext]')
                }
            }
        ]

报错

Answer 1

看错误，就是你的loader的匹配表达式没起作用，我不太清楚你那么写是否OK，但可以改改：

{
    test: /\.(eot|otf|ttf|woff|woff2)\w*/,
    loader: 'file-loader',
    query: {
        limit: 1,
        name: config.dir.font + '[name].[ext]'
    }
}

Answer 2

加上woff

{
    test: /\.(woff2?|woff|eot|ttf|otf)(\?.*)?$/,
    loader: 'file-loader',
    query: {
        limit: 1,
        name: config.dir.font + '[name].[ext]')
}