Webpack 3 - pack by spoko.space

Build set-up based on Webpack 3 and npm scripts for common needs.

Packages

1. Bootstrap 4
2. Ionicons 4
3. Headroom.js
4. WebFont Load
5. Waves
6. Slick Carousel
7. CSS Sprites
8. Autoprefixer
9. Minify PNG, JPEG, GIF, SVG and WEBP images

Webpack 3 Plugins

• copy-webpack-plugin
• extract-text-webpack-plugin
• html-webpack-plugin (coming soon)
• clean-webpack-plugin (soon)

Webpack 3 Loaders

• babel-loader
• image-webpack-loader
• file-loader
• css-loader
• resolve-url-loader
• postcss-loader
• style-loader
• sass-loader
• html-loader (soon)

Try out

# Install nodejs dependencies
yarn

# Develop output
yarn run build:prod 

# Production-ready output
yarn run build:dev 

# Build sprites from images in src/imag/sprite/
yarn run sprites 

# Open `\public\index.htm`-file in browser and watch the result.

Related links

• WebFont Loader
• Bootstrap 4
• Ionicons 4
• PostCSS
• Sass (SCSS)
• Waves
• Webpack
• Yarn
• Node.js