How to watch source changes?

[zhaofeng-shu33]

您的问题

Frequent changes of code need quick rebuild by webpack.
So I add watch options to webpack config but it seems not work.
I use command npm run start.

如果有的话，请附图

额外的信息

[iLtc]

I use docsite start, and without changing anything, it can rebuild after changes.

[zhaofeng-shu33]

It is strange. I see some clue in webpack watch config. I check that

[feng@bcm wuhan2020.github.io]$ cat /proc/sys/fs/inotify/max_user_watches
8192

I do not know whether it is too slow or not.

[iLtc]

Do you save code manually or does your IDE save code automatically for you? Sometimes if the IDE saves code too frequently, webpack will start to delay updates.

[zhaofeng-shu33]

I save it manually using vim.

[zhaofeng-shu33]

To handle the problem of slow building in development. I create a custom webpack configuration file called wc.js in zh-cn directory. It is copied from webpack.config.js in the project root directory and I make some changes:

const entry = {};
module.exports = {
    entry: {'hackathonKanban': './src/pages/hackathonKanban/index.jsx'},
    output: {
        path: path.join(__dirname, '..', 'build'),
        filename: '[name].js',
    }
    // .... same as webpack.config.js
    }

Then run node ./node_modules/webpack/bin/webpack.js --config zh-cn/wc.js and the file hackathonKanban.js and hackathonKanban.css are generated. Then I can use static file server to see the results.

The total build is about 6.5 seconds on my linux machine.