Webpack Watch Mode: આપોઆપ સંકલન

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 ઘડિયાળ મોડ અને તેની સાથે સંકળાયેલા વિકલ્પોનો ઉપયોગ કરવા માટેની સૌથી અદ્યતન માહિતી માટે અધિકૃત દસ્તાવેજોનો સંદર્ભ લેવાનું યાદ રાખો .