Я пытаюсь настроить проект, но мне не удается обновить веб-пакет при сохранении проекта.
Кажется, он вообще не перекомпилирует bundle.js, и я повторно запустил скрипт, чтобы отслеживать любые изменения на данный момент.
Ниже представлена конфигурация моего веб-пакета и раздел сценариев моего файла package.json.
webpack.config.js
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 Code, существует этот максимальный предел для просмотра файлов, который вам нужно немного настроить. Вы можете прочитать больше об этом здесь https://code.visualstudio.com/docs/setup/linux#_visual-studio-code-is-unable-to-watch-for-file-changes-in-this-large-workspace-error-enospc
это иногда вызывает проблемы с просмотром изменений и перекомпиляцией
Я надеюсь, что это помогает...