A demo app for SCSS Webpack configuration.
homepage.png To create a webpage using HTML and SCSS for the attached news site. The goal of this assigment is to learn about CSS positioning, Grid layout, SCSS features like variables, mixins, inheritance, loops, functions, math operations etc.
- Clone the repository
git clone [email protected]:amuthanarulraj/scss-webpack-template.git
. - Navigate to project directory
cd scss-webpack-template
. - Run
npm install
.
Default build mode is production
. This will build index.html
, main.js
and main.css
files in the dist
directory.
- To build the app, run
npm run build
. - Launh the app by opening the file
./dist/index.html
in a browser.
Follow below steps to lauch the app using webpack-dev-server
.
- Run
npm start
ornpm run start
. - This will open the app on a browser window.