Skip to content

Latest commit

 

History

History
63 lines (42 loc) · 1.6 KB

README.md

File metadata and controls

63 lines (42 loc) · 1.6 KB

Stylescape Webpack Example

Open in StackBlitz

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

About Stylescape

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.

Installation

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

Usage

Development Server

npm start

This starts the Webpack development server with hot module replacement.

Production Build

npm run build

Builds optimized and minified assets for production.

Project Structure

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

Features Demonstrated

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

Learn More

License

MIT