https://github.com/exslym/d-creative-studio
D-Creative Studio
https://github.com/exslym/d-creative-studio
animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss scss webpack5
Last synced: 3 months ago
JSON representation
D-Creative Studio
- Host: GitHub
- URL: https://github.com/exslym/d-creative-studio
- Owner: exslym
- Created: 2022-01-21T19:04:16.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-01-25T08:06:14.000Z (over 2 years ago)
- Last Synced: 2026-01-03T22:21:29.330Z (6 months ago)
- Topics: animation-on-scroll, eslint-plugin, gh-pages, github-pages, javascript, postcss, scss, webpack5
- Language: JavaScript
- Homepage: https://exslym.github.io/d-creative-studio/
- Size: 2.02 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Installation
```
npm install
```
### Start Dev Server
```
npm start
```
### Build Prod Version
```
npm run build
```
### Deployment on GitHub Pages (Optional)
```
npm run deploy
```
This adds gh-pages branch to your project github repository, deploys built project there, hosts the site via GitHub Pages.
### Features:
- `ES6` Support **via babel (v7)**
- `SASS` Support via **sass-loader**
- `Linting` via **eslint** & **@babel/eslint-parser**
- `Formatter` via **prettier**
- `Autoprefix` via **postcss-preset-env**
- `Image Optimization` via **image-minimizer-webpack-plugin** & **svgo**
### When you run `npm run build`:
- The css file moves to a separate bundle file and gets it included in the head of the `index.html`
via [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin).
- All image files (svg, png, jpg/jpeg, webp) gets compressed with lossless quality
via [image-minimizer-webpack-plugin](https://github.com/webpack-contrib/image-minimizer-webpack-plugin).
Place all external connected files (jQuery and others) in ./tools and provide them path in html file.