为什么webpack dev server不';更新所有NPM软件包后,我不会看css的变化吗?
它以前工作过,但在我将webpack和webpack dev服务器更新到最新版本后,它似乎停止了监视任何css更改 这些脚本来自package.json。 我以前有“webpack dev server”istead的“webpack service”,但我在某个地方看到webpack dev server不再工作了为什么webpack dev server不';更新所有NPM软件包后,我不会看css的变化吗?,webpack,webpack-dev-server,webpack.config.js,Webpack,Webpack Dev Server,Webpack.config.js,它以前工作过,但在我将webpack和webpack dev服务器更新到最新版本后,它似乎停止了监视任何css更改 这些脚本来自package.json。 我以前有“webpack dev server”istead的“webpack service”,但我在某个地方看到webpack dev server不再工作了 "scripts": { "test": "echo \"Error: no test specifi
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack serve --mode development --hot",
"build": "webpack --mode production"
},
插件版本:
"sass": "^1.26.11",
"sass-loader": "^10.0.4",
"style-loader": "^2.0.0",
"webpack": "^5.3.0",
"webpack-cli": "^4.1.0",
"webpack-dev-server": "^3.11.0"
这是我的webpack.config.js。
我添加的所有内容都是devServer东西,我以前没有,一切都正常
const path = require("path")
const HtmlWebpackPlugin = require("html-webpack-plugin")
module.exports = {
mode: "development",
entry: "./src/index.js",
output: {
path: path.join(__dirname, "/dist"),
filename: "[name].js",
sourceMapFilename: "[name].js.map",
},
devServer: {
contentBase: "/dist",
watchContentBase: true,
open: true,
inline: true,
hot: true,
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: ["babel-loader"],
},
{
test: /\.css$/,
use: ["style-loader", "css-loader"],
},
{
test: /\.s[ac]ss$/i,
use: ["style-loader", "sass-loader"],
},
{
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
use: [
{
loader: "url-loader",
options: {
limit: 100000,
},
},
],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: "./src/index.html",
}),
],
}
我很乐意帮忙