Webpack无法检测到CSS错误

时间:2018-11-21 14:06:12

标签: webpack webpack-dev-server webpack-4 webpack-style-loader

我建立了一个简单的Webpack环境。开发服务器和自动重新加载对于CSS和JS文件都可以正常工作,但是,如果我在CSS中出现语法错误,则控制台不会显示任何错误消息。同样,当我在配置中设置overlay:true时,在控制台或站点中也不会收到有关错误的通知。任何帮助表示赞赏。

webpack.dev.js

const path = require("path");

module.exports = {
  entry: {
    main: ["./src/main.js"]
  },
  mode: "development",
  output: {
    filename: "[name]-bundle.js",
    path: path.resolve(__dirname, "../js"),
    publicPath: "/js"
  },
  devServer: {
    contentBase: "../tester",
    overlay: true
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          {
            loader: "style-loader"
          },
          {
            loader: "css-loader"
          }
        ]
      }
    ]
  }
};

Folder Structure

0 个答案:

没有答案