Webpack 错误：CSS 没有正确的 Mimetype

Question

我已经尝试了所有可能的方法，但我正在努力解决 webpack。 我需要一个配置，从 pugfiles 生成 html 文件，从 scss 生成 css 文件。 我的问题是，起初 CSS 没有正确的 Mime 类型。 通过修复 layout.pug 中的链接，Mimetype 错误消失了，但是 webpack 崩溃并说它找不到 css 文件。 通过设置向 html-loader 加载器添加属性loader: 'html-loader', options: {attributes: false}}消息消失了，但我仍然无法在浏览器中加载我的 cssfile。

我尝试在 webpack.config.js 和 layout.pug 中添加historyApiFallback: true, publicPath: "/dist/"和base(href="/")但没有任何帮助。

你知道有什么可以帮助的吗？

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const pug = {
  test: /\.pug$/,
  use: [{loader: 'html-loader', options: {attributes: false}}, 'pug-html-loader']
};
const css = {
    test: /\.css$/,
    use: ['style-loader',
    {loader: 'css-loader', options: {importLoaders: 1}}
    ,'postcss-loader']
  };

const sass = {
    test: /\.scss$/,
    exclude: /node_modules/,
    use: [
        {
            loader: 'file-loader',
            options: { outputPath: 'css/', name: '[name].min.css'}
        },
        'sass-loader'
    ]
}
const config = {
  entry: [
      './src/index.js',
      './src/scss/styles.scss'],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].bundle.js',
    publicPath: '/'
  },
  module: {
    rules: [pug,sass,css]
  },
  plugins: [
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'src/index.pug',
      inject: false
    })
 ],
 devServer: {
    watchContentBase: true,
    contentBase: path.resolve(__dirname, 'dist'),
    historyApiFallback: true,
    publicPath: "/dist/"
    }
};
module.exports = config;

非常感谢！