Сервер Webpack dev не перезагружается при сохранении

Я пытаюсь настроить проект, но мне не удается обновить веб-пакет при сохранении проекта.

Кажется, он вообще не перекомпилирует 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"
  },
Поиск всех неиспользуемых файлов в проекте
Поиск всех неиспользуемых файлов в проекте
Количество файлов в проекте растет по мере его развития. И если быть по-настоящему честным, их продвижение происходит в геометрической прогрессии...
Настройка шаблона Metronic с помощью Webpack и Gulp
Настройка шаблона Metronic с помощью Webpack и Gulp
Я пишу эту статью, чтобы поделиться тем, как настроить макет Metronic с помощью Sass, поскольку Metronic предоставляет так много документации, и они...
4
0
4 443
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

установите 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

это иногда вызывает проблемы с просмотром изменений и перекомпиляцией

Я надеюсь, что это помогает...

Другие вопросы по теме