This PR adds a watch script to the package.json to automate the rebuild process upon file changes, which will improve development workflow. The webpack.config.js file was also updated to configure the watchOptions, optimizing performance and ensuring that file changes trigger automatic rebuilds without including unnecessary files. This change eliminates the need for manual rebuilds during development. Also Documentation is updated to include usage instructions for the new watch command
[x] A new yarn watch command is available
[x] The command successfully watches for file changes in the root directory
[x] Changes to source files trigger an automatic rebuild
[x] The console provides clear output about the rebuild process
[x] Documentation is updated to include usage instructions for the new command
Relevant Motivation & Context
Developers previously needed to manually rebuild the project after every change, which slowed down the development process. Adding a watch script and configuring watchOptions will improve efficiency by automatically rebuilding on changes.
Dependencies Required
No additional dependencies are required for this change.
Fixes
Fixes #11
Type of change
[ ] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] This change requires a documentation update
How Has This Been Tested?
This change has been tested by:
Running yarn watch and observing automatic rebuilds upon file changes.
Verifying that the dist folder is updated correctly after changes.
Running yarn start to confirm that the Webpack Dev Server serves the updated project with hot-reloading.
Steps to Reproduce:
Run yarn watch and make changes to any JavaScript, JSX, SCSS, or TypeScript file.
Observe the console output to ensure that the build triggers and completes successfully.
Check the dist folder for updated build files.
Checklist:
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
[x] I have made corresponding changes to the documentation
[x] My changes generate no new warnings
[x] I have added tests that prove my fix is effective or that my feature works
Description
This PR adds a watch script to the
package.json
to automate the rebuild process upon file changes, which will improve development workflow. Thewebpack.config.js
file was also updated to configure thewatchOptions
, optimizing performance and ensuring that file changes trigger automatic rebuilds without including unnecessary files. This change eliminates the need for manual rebuilds during development. Also Documentation is updated to include usage instructions for the new watch commandyarn watch
command is availableRelevant Motivation & Context
Developers previously needed to manually rebuild the project after every change, which slowed down the development process. Adding a watch script and configuring
watchOptions
will improve efficiency by automatically rebuilding on changes.Dependencies Required
No additional dependencies are required for this change.
Fixes
Fixes #11
Type of change
How Has This Been Tested?
This change has been tested by:
yarn watch
and observing automatic rebuilds upon file changes.dist
folder is updated correctly after changes.yarn start
to confirm that the Webpack Dev Server serves the updated project with hot-reloading.Steps to Reproduce:
yarn watch
and make changes to any JavaScript, JSX, SCSS, or TypeScript file.dist
folder for updated build files.Checklist:
Screenshots
N/A for this change