Webpack ਦੀ ਵਾਚ ਮੋਡ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਜੋ ਟੂਲ ਨੂੰ ਤਬਦੀਲੀਆਂ ਲਈ ਤੁਹਾਡੀਆਂ ਸਰੋਤ ਫਾਈਲਾਂ ਦੀ ਨਿਗਰਾਨੀ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ ਅਤੇ ਜਦੋਂ ਵੀ ਕੋਈ ਤਬਦੀਲੀ ਖੋਜੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਆਟੋਮੈਟਿਕਲੀ ਰੀਕੰਪਾਈਲੇਸ਼ਨ ਨੂੰ ਚਾਲੂ ਕਰ ਦਿੰਦੀ ਹੈ। ਇਹ ਵਿਕਾਸ ਦੇ ਦੌਰਾਨ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਲਾਭਦਾਇਕ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਹਰ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਬਦਲਾਅ ਕਰਦੇ ਹੋ ਤਾਂ ਮੈਨੂਅਲ ਰੀਕੰਪਾਈਲੇਸ਼ਨ ਤੋਂ ਬਚ ਕੇ ਸਮਾਂ ਬਚਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਦਾ ਹੈ।
ਇੱਥੇ ਤੁਸੀਂ Webpack 'ਦੇ ਵਾਚ ਮੋਡ' ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰ ਸਕਦੇ ਹੋ:
Webpack ਵਾਚ ਮੋਡ ਵਿੱਚ ਚੱਲ ਰਿਹਾ ਹੈ
ਵਾਚ ਮੋਡ ਵਿੱਚ ਚਲਾਉਣ ਲਈ Webpack, ਤੁਸੀਂ ਆਪਣੇ ਟਰਮੀਨਲ ਰਾਹੀਂ ਕਮਾਂਡ --watch
ਚਲਾਉਣ ਵੇਲੇ ਫਲੈਗ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। webpack ਉਦਾਹਰਣ ਲਈ:
npx webpack --watch
ਇਸ ਕਮਾਂਡ ਨਾਲ, Webpack ਤੁਹਾਡੀਆਂ ਸਰੋਤ ਫਾਈਲਾਂ ਨੂੰ ਦੇਖਣਾ ਸ਼ੁਰੂ ਕਰ ਦੇਵੇਗਾ ਅਤੇ ਜਦੋਂ ਵੀ ਤੁਸੀਂ ਉਹਨਾਂ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦੇ ਹੋ ਤਾਂ ਬੰਡਲ ਨੂੰ ਆਟੋਮੈਟਿਕਲੀ ਦੁਬਾਰਾ ਕੰਪਾਇਲ ਕਰ ਦੇਵੇਗਾ।
Webpack ਸੰਰਚਨਾ
ਤੁਸੀਂ ਵਿਕਲਪ ਨੂੰ ਜੋੜ ਕੇ ਆਪਣੀ webpack ਸੰਰਚਨਾ ਫਾਈਲ() ਵਿੱਚ ਵਾਚ ਮੋਡ ਵੀ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ: webpack.config.js
watch: true
module.exports = {
// ...other configuration options
watch: true
};
--watch
ਇਸ ਤਰ੍ਹਾਂ, ਤੁਹਾਨੂੰ ਹਰ ਵਾਰ ਕਮਾਂਡ ਚਲਾਉਣ 'ਤੇ ਫਲੈਗ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ webpack
।
ਵਿਵਹਾਰ
ਜਦੋਂ Webpack ਵਾਚ ਮੋਡ ਵਿੱਚ ਹੁੰਦਾ ਹੈ, ਇਹ ਤਬਦੀਲੀਆਂ ਲਈ ਤੁਹਾਡੀਆਂ ਸਰੋਤ ਫਾਈਲਾਂ ਦੀ ਨਿਰੰਤਰ ਨਿਗਰਾਨੀ ਕਰੇਗਾ। ਜਦੋਂ ਵੀ ਤੁਸੀਂ ਤਬਦੀਲੀਆਂ ਕਰਦੇ ਹੋ ਅਤੇ ਫਾਈਲਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦੇ ਹੋ, Webpack ਆਪਣੇ ਆਪ ਬੰਡਲ ਨੂੰ ਮੁੜ ਕੰਪਾਇਲ ਕਰ ਦੇਵੇਗਾ। ਇਹ ਤੁਹਾਨੂੰ ਹਰ ਵਾਰ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਦਸਤੀ ਟਰਿੱਗਰ ਕੀਤੇ ਬਿਨਾਂ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੇਖਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਜਦੋਂ ਕਿ ਵਾਚ ਮੋਡ ਵਿਕਾਸ ਲਈ ਵਧੀਆ ਹੈ, ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਉਤਪਾਦਨ ਦੇ ਨਿਰਮਾਣ ਵਿੱਚ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਬੇਲੋੜੇ ਸਰੋਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹੈ। Webpack ਉਤਪਾਦਨ ਦੇ ਨਿਰਮਾਣ ਲਈ, ਤੁਸੀਂ ਆਮ ਤੌਰ 'ਤੇ ਵਾਚ ਮੋਡ ਤੋਂ ਬਿਨਾਂ ਅਨੁਕੂਲਿਤ ਅਤੇ ਛੋਟੇ ਬੰਡਲ ਬਣਾਉਣ ਲਈ ਵਰਤੋਗੇ ।
Webpack ਵਾਚ ਮੋਡ ਅਤੇ ਇਸ ਨਾਲ ਸਬੰਧਿਤ ਵਿਕਲਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਬਾਰੇ ਸਭ ਤੋਂ ਨਵੀਨਤਮ ਜਾਣਕਾਰੀ ਲਈ ਅਧਿਕਾਰਤ ਦਸਤਾਵੇਜ਼ਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣਾ ਯਾਦ ਰੱਖੋ ।