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 sass webpack5

Last synced: 1 day 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 (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-01-24T13:40:03.000Z (10 months ago)
• Last Synced: 2024-01-24T23:00:19.128Z (10 months ago)
• Topics: animation-on-scroll, eslint-plugin, gh-pages, github-pages, javascript, postcss, sass, webpack5
• Language: JavaScript
• Homepage: https://exslym.github.io/d-creative-studio/
• Size: 1.96 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.