我建立了一个简单的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"
}
]
}
]
}
};