Задать вопрос
ms-dred
@ms-dred
Вечно что то не то и что то не так...

Почему webpack не обновляет JS при его изменении?

Не пойму почему не обновляет...
Мне нужно объединять как JS так и CSS файлы, делаю все вот так
const path = require('path')
    , MiniCssExtractPlugin = require("mini-css-extract-plugin")

module.exports = {
    entry: ["./bundle.js", "./bundle.css"],
    target: "web",
    module: {
        rules: [
            { test: /\.(js)$/, use: ['babel-loader'] },
            { test: /\.css$/, use: [ MiniCssExtractPlugin.loader,  'css-loader' ] }
        ]
    },
    output: {
        path: path.resolve(__dirname, '/static/assets'),
        publicPath: '/static/assets/',
        filename: "bindle.min.js",

    },
    mode: "production",
    devtool: "source-map",
    devServer: {
        hot: true,
        static: {
            directory: path.join(__dirname, '/static')
        },
        allowedHosts: 'all',
        compress: true,
        port: 9000,
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: "bindle.min.css",
        })
    ]
}


Запускаю так package.json
....
"scripts": {
    "build": "NODE_ENV=production webpack",
    "dev": "webpack-dev-server --hot"
  }....

    "webpack": "^5.60.0",
    "webpack-cli": "^4.9.1",
    "webpack-dev-server": "^4.4.0"
....


При построении build все норм, файлы объединяются как надо.
А вот если запускаю сервер npm run dev
То тут при изменении файлов ничего не происходит, консоль в браузере молчит, лишь в терминале видно что он что то меняет. Почему так происходит? С webpack пару дней знаком...
  • Вопрос задан
  • 240 просмотров
Подписаться 1 Простой 5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы