Webpack编译显示bootstrap 3 sass错误

Question

我正在为我的项目使用webpack和Sass。运行webpack时出现以下错误

  

./ src / scss / main.scss中的错误       模块构建失败：ModuleNotFoundError：未找到模块：错误：无法解析'../ fonts / bootstrap / glyphicons-halflings-regular.eot'

我正在使用"bootstrap-sass": "^3.3.7"版本 这是我的webpack.congig.js文件

module.exports = (env = {}) => {
    return {
        entry: ['./src/js/tdr.js','./src/scss/main.scss'],
        output: {
            filename: 'dist/js/bundle.js',
        },
        module: {
            rules: [
                {
                    test: /\.scss$/,
                    use: [
                        {
                            loader: 'file-loader',
                            options: {
                                name: '[name].css',
                                outputPath: 'dist/css/'
                            }
                        },
                        {
                            loader: 'extract-loader'
                        },
                        {
                            loader: 'css-loader'
                        },
                        {
                            loader: 'postcss-loader'
                        },
                        {
                            loader: 'sass-loader'
                        }
                    ]
                }
            ]
        }
    }
};