https://github.com/charistheo/webpack-media-split
A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.
https://github.com/charistheo/webpack-media-split
css lazy-loading mediaqueries postcss webpack
Last synced: 3 months ago
JSON representation
A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.
- Host: GitHub
- URL: https://github.com/charistheo/webpack-media-split
- Owner: charisTheo
- Created: 2021-01-26T18:28:05.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-01-26T18:51:25.000Z (over 5 years ago)
- Last Synced: 2025-04-01T15:54:32.319Z (about 1 year ago)
- Topics: css, lazy-loading, mediaqueries, postcss, webpack
- Language: HTML
- Homepage: https://charistheo.github.io/webpack-media-split/
- Size: 1.18 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# webpack-media-split
## Description
A simple example that splits CSS based on media queries used and generates separate files using Webpack.
Those CSS files are then lazy loaded depending on screen width.
1. Webpack build
2. Postcss example
3. `` example
## Run dev server
```
npm start
```
## Build
```
npm run build
```