Webpack 保存时未重新加载网页包开发服务器
我正在尝试设置一个项目,但在保存项目时,我似乎无法使网页刷新 它似乎根本没有重新编译bundle.js,我已经重新运行了脚本,以便查看当前跟踪的任何更改 下面是我的网页包配置和package.json文件的脚本部分 webpack.config.jsWebpack 保存时未重新加载网页包开发服务器,webpack,webpack-dev-server,Webpack,Webpack Dev Server,我正在尝试设置一个项目,但在保存项目时,我似乎无法使网页刷新 它似乎根本没有重新编译bundle.js,我已经重新运行了脚本,以便查看当前跟踪的任何更改 下面是我的网页包配置和package.json文件的脚本部分 webpack.config.js const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
module.exports = {
entry: "./src/index.js",
mode: "none",
output: {
path: path.resolve(__dirname, './dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: "babel-loader"
},
{
test:/\.(s*)css$/,
use:[
'style-loader?sourceMap',
'css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
'sass-loader'
]
},
{
test: /\.(png|jpg)$/,
loader: 'url-loader?limit=8192&name=images/[name].[ext]',
}
],
},
plugins: [
new HtmlWebpackPlugin({
template: "./src/templates/index.html"
})
]
};
从package.json运行的脚本
"scripts": {
"build": "webpack",
"dev": "webpack-dev-server --config ./webpack.config.js"
},
安装
webpack cli
以在应用程序中启用HMR(热模块更换)
然后在开发脚本中添加--hot
:
"dev": "webpack-dev-server --config ./webpack.config.js --hot"
我不知道这是否有帮助,但如果您正在处理VS代码,则有一个最大限制,您需要对其进行一些调整。你可以在这里了解更多 这有时会导致监视更改和重新编译的问题 我希望它能帮助