This example demonstrates how to integrate Stylescape with Webpack, a powerful module bundler for JavaScript applications.

Stylescape is a comprehensive design system and CSS framework that provides a complete toolkit for building modern, accessible, and responsive web interfaces. It includes layout systems, interactive components, and utility classes.

git clone https://github.com/stylescape/example-webpack.git
cd example-webpack
npm install

npm start

This starts the Webpack development server with hot module replacement.

npm run build

Builds optimized and minified assets for production.

example-webpack/
├── src/
│   ├── index.html      # Main HTML entry point
│   ├── js/             # JavaScript source files
│   └── scss/           # Sass stylesheets
├── package.json        # Dependencies and scripts
└── webpack.config.js   # Webpack configuration

• Importing Stylescape via npm
• Sass compilation with sass-loader
• JavaScript bundling and optimization
• Development server with live reload

• Stylescape Documentation
• Webpack Documentation

MIT