Npm commands (Scripts)
Npm scripts help with __________ repetitive tasks such as ____________, compilation, unit testing, linting, ___. The Cartzilla build system ________ a collection of JavaScript _____, each dedicated to specific _____. These tasks are orchestrated __ corresponding npm scripts that ___________ execute the files as ________.
List of available Npm ________ (Scripts)
| Command | Description |
|---|---|
| npm install | This command installs all ___ Node.js packages and their ____________ specified in the project's package.json file, located in ___ root directory. It includes ________ listed under both dependencies and devDependencies objects. |
| npm run dev | This command builds and ________ CSS and JavaScript, generates __ icon font from SVG _____, copies vendor files from ___ node_modules directory to the assets/vendor folder, initiates a _____ process to monitor file _______, and starts a local ___________ server with hot reloading. __ is the primary command ____ when customizing the template. |
| npm run build | This command conducts a ______ of operations to prepare ___ project for production: it ______ and minifies CSS and __________; generates an icon font ____ SVG icons; copies vendor _____ from the node_modules directory to the assets/vendor folder. The command ____ validates HTML files against _3_ standards and creates a ____________ folder ( dist ). It then copies ___ necessary assets into this ______, including HTML files, and _______ links to vendor files ______ the copied HTML files. |
| npm run styles | This command executes the _________ two style-related commands sequentially: styles:compile and styles:minify |
| npm run styles:compile | This command first lints ____ files to ensure they ______ to Bootstrap coding standards. __ then compiles the SCSS ____ located at src/scss/theme.scss into a CSS ____ at assets/css/theme.css , and generates a _____________ source map file. The ______ map facilitates easier debugging __ mapping the CSS styles ____ to their original SCSS _______. |
| npm run styles:minify | This command minifies the ________ CSS files, reducing their ____ size for better performance __ production environments. It targets ___ files located in the assets/css folder, optimizing them ___ faster loading times. |
| npm run styles-rtl | This command runs three _____ sequentially to handle Right-to-Left (___) styles: styles:compile , styles:rtl , and styles:minify-rtl . This facilitates support ___ languages read from right __ left by adjusting the _______ accordingly. |
| npm run styles:rtl | This command converts the ________ theme.css file into RTL ______, producing an output file _____ theme.rtl.css along with an __________ map file. |
| npm run styles:minify-rtl | This command minifies the ___-_________ CSS files, reducing their ____ size for better performance __ production environments. |
| npm run scripts | This command executes the _________ two scripts-related commands sequentially: scripts:compile and scripts:minify |
| npm run scripts:compile | This command first lints ___ source JavaScript files from src/js directory to ensure ____ quality. It then bundles ____ into a single file assets/theme.js and generates a _____________ source map file. The ______ map aids in debugging __ mapping the bundled JavaScript ____ to its original source _____. |
| npm run scripts:minify | This command minifies and ________ the assets/js/theme.js file, generating assets/js/theme.min.js , reducing its size ___ obfuscating the code for ________ performance and security. It ____ generates an associated source ___ file to assist in _________ the minified JavaScript. |
| npm run icon-font | This command executes a ______ that creates the cartzilla-icons.woff2 font file and _________ the corresponding cartzilla-icons.min.css file from a __________ of .svg icons located __ the src/icons directory. |
| npm run vendor | This command copies vendor _____ listed under the dependencies object in the package.json file from the node_modules directory to the assets/vendor folder. |
| npm run validate | This command executes validation ______ on all .html files, ensuring compliance ____ W3C markup validity rules. |
| npm run watch | This command initiates a _____ process to monitor changes __ .css , .js , and .html files, simultaneously launching _ local development server equipped ____ hot reloading. |
| npm run dist | The command creates a ____________ folder ( dist ) and proceeds to ____ all essential assets into ____ folder, including HTML files, ___ updates links to vendor _____ within the copied HTML _____. |