使用webpack编译文件格式错误的文件

Question

我正在尝试通过使用看起来像这样的路径和文件名关系对象来使用webpack编译和解析css和js文件

var filePath = {
    'dist/js/a': './app/js/a.js'
    'dist/js/b': './app/js/b.js',
    'dist/css/c': './app/sass/c.scss'
}

我将filePath设置为条目的值。这是我的webpack配置的样子

module.exports = {
    entry: filePath,
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'app_dist')
    },
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: 'dist/css/[name].css',
                        }
                    },
                    {
                        loader: 'sass-loader'
                    }
                ]
            }
        ]
    }
};

问题在于，它会将.scss文件与正确的CSS文件一起解析为css目录中的.js文件。预期的输出应该像这样

app_dist
    dist
        js
            a.js
            b.js
        css
            c.css

但是我得到这样的东西

app_dist
    dist
        js
            a.js
            b.js
        css
            c.css
            c.js //this is incorrect and shouldnt be there since c is not a js file

还/ js目录具有所有正确的文件。我只在/ css direcotry

中看到问题