0
Watch
0
Star
0
Fork
0
Issue

Start kit with webpack, gulp and scss

SGKuksov
SGKuksov
pushedAt 3 months ago

SGKuksov/gulp-webpack

gulp-webpack

Npm scripts

# Сборка и слежение
npm run dev

# Сборка
npm run build

# Сборка
npm run publish

Todo

  1. Инлайнинг свг спрайта в страницу
  2. https://www.npmjs.com/package/gulp-ttf2woff
  3. https://www.npmjs.com/package/gulp-ttf2woff2
  4. https://github.com/rejas/gulp-modernizr
  5. https://www.npmjs.com/package/gulp-zip

Some article

https://developers.google.com/web/fundamentals/performance/optimizing-javascript/tree-shaking/

Picture

<picture>
  <!-- webp images -->
  <source type="image/webp" srcset="examples/image-extralarge.webp, examples/[email protected] 2x" media="(min-width: 1600px)">
  <source type="image/webp" srcset="examples/image-large.webp, examples/[email protected] 2x" media="(min-width: 800px)">
  <source type="image/webp" srcset="examples/image-small.webp, examples/[email protected] 2x">
  <!-- jpeg images -->
  <source srcset="examples/image-extralarge.jpg, examples/[email protected] 2x" media="(min-width: 1600px)">
  <source srcset="examples/image-large.jpg, examples/[email protected] 2x" media="(min-width: 800px)">
  <img srcset="examples/image-small.jpg, examples/[email protected] 2x" alt="">
</picture>

Responsive image in css

https://css-tricks.com/responsive-images-css/

ucloud ads