To begin configuring the build environment, note that standard Create React App setups hide webpack configurations within node_modules/react-scripts. To customize alias resolution and preprocessors, the configuration must be exposed. Build Configuration and Aliases After exposing the build scripts,...
Project Setup Create a new Vue 3 project using Vite: npm init vite@latest my-project # Choose Vue template cd my-project npm install npm install sass Creating SCSS Variables Create a file named src/styles/theme.module.scss: $primary-color: #ff461f; $secondary-color: #065279; :export { primary: $prim...
Gulp Workflow Overview Gulp is a task runner used to automate processes like compiling SCSS to CSS. It involves setting up tasks to handle file transformations. Introduction to Sass and SCSS Sass is a CSS preprocessor that extends CSS with dynamic features. It comes in two syntaxes: Sass (indentatio...