javascript - 没有自动重新加载页面,webpack-dev-server
问题描述
一切正常,webpack-dev-server在文件更改后编译,但浏览器文件夹不会自动重新加载安装的包:“webpack”:“^5.21.2”,“webpack-cli”:“^4.5.0”,“webpack” -dev-server": "^3.11.2"
谢谢
webpack.config.js 中的代码
const path = require('path')
const {CleanWebpackPlugin} = require('clean-webpack-plugin')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const isProd = process.env.NODE_ENV === 'production'
const isDev = !isProd
console.log(isDev)
const filename = ext => isDev ? `bundle.${ext}` : `bundle.[hash].${ext}`
const jsLoaders = () => {
const loaders = [
{
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
]
if (isDev) {
loaders.push('eslint-loader')
}
return loaders
}
module.exports = {
context: path.resolve(__dirname, 'src'),
mode: 'development',
entry: ['@babel/polyfill', './index.js'],
output: {
filename: filename('js'),
path: path.resolve(__dirname, 'dist')
},
resolve: {
extensions: ['.js'],
alias: {
'@': path.resolve(__dirname, 'src'),
'@core': path.resolve(__dirname, 'src/core')
}
},
devtool: isDev ? 'source-map' : false,
devServer: {
port: 3000,
hot: isDev,
},
***
}
}
要启动的 NPM 脚本(y 使用 'start' 脚本)
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "cross-env NODE_ENV=development webpack serve --hot --inline --open",
"build": "cross-env NODE_ENV=production webpack --mode production"
},
解决方案
尝试升级到 beta webpack-dev-server (v4)
推荐阅读
- python - 在python中使用递归时的循环流
- java - UDP 广播问题
- android - 在 Android 中,当应用程序在写入期间在其他地方崩溃时,文件会发生什么?
- javascript - 如何使用 javascript 按钮更改标题的文本?
- reactjs - 反应原生 | 如何使用动画将多个视图组合成一个视图?
- python - 绘制重复周期解
- python - 为什么硒不单击python中的按钮?
- javascript - 使用自定义文件在 VueJS CLI 应用程序中实现 Socket.IO
- protractor - 在量角器中选择单选按钮
- php - 简单的 Html Dom 抓取页面的一半