Каждый раз, чтобы увидеть изменения, я должен очистить кэш и обновить

Question

webpack.config.js

const path = require('path')
const config = require('config')
const CopyWebpackPlugin = require('copy-webpack-plugin')


module.exports = {
    entry: './public/clientMain.js',
    node: { 
        fs: 'empty' 
    },
    output: {
        filename: 'app-v' + config.VERSION + '.js',
        libraryTarget: 'var',
        library: 'start',
        path: path.resolve(__dirname, './build/js')
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
        }]
    },
    watchOptions: {
        ignored: /node_modules/,
    },   
    plugins: [
        new CopyWebpackPlugin([
          { from: 'public/assets', to: '../assets' }
        ])
    ]
}

в package.json :

"scripts": {
   "start": "concurrently \"node ./node_modules/webpack/bin/webpack.js -d --watch\" \"nodemon ./server/serverMain.js \" \"node ./node_modules/http-server/bin/http-server -p 8080\""

},

Проблема в том, что каждый раз, когда я делаю изменения в одном из файлов js, мне нужно очистить кэш в браузере, а затем обновить страницу, чтобы увидеть изменения! ( Жесткая перезагрузка или ofc Пустой кэш и Жесткая перезагрузка в хроме)

Думаю, это не нормально? так как я могу это исправить?

Answer 1

Правильный способ сделать это - добавить хеш к вашему выходному имени файла.

 output: {
        filename: 'app-v.[hash].' + config.VERSION + '.js',
    },