webpack_complete_webdevelopment_config
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revisionNext revisionBoth sides next revision | ||
| webpack_complete_webdevelopment_config [2018/01/29 22:39] – created admin | webpack_complete_webdevelopment_config [2018/02/05 21:16] – [Slide 3] admin | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ~~REVEAL dokuwiki~~ | ||
| ====== Webpack / Yarn Web Development Config ====== | ====== Webpack / Yarn Web Development Config ====== | ||
| - | ===== Headline | + | ===== What it does ... ===== |
| - | ==== package.json ==== | + | * Build Webfont and corresponding SCSS (Webfont.scss.njk -> compiles to -> |
| + | * Compile and process SCSS | ||
| + | * Lint | ||
| + | * Concatenate | ||
| + | * Autoprefix | ||
| + | * Minify | ||
| + | * Compress | ||
| + | * Compile and process Javascript | ||
| + | * Babel (transpile to ES2015) | ||
| + | * Concatenate | ||
| + | * Uglify | ||
| + | * Compress | ||
| + | * Generate KSS Styleguide | ||
| + | * Icons included | ||
| + | * Using custom template (index.hbs, kss-assets/ | ||
| + | |||
| + | ===== Yarn ===== | ||
| + | |||
| + | * Define " | ||
| + | * Workspace will be linked to ./ | ||
| + | * Dependenies end up in ./ | ||
| + | * Centralize/ | ||
| + | |||
| + | <code bash Commands> | ||
| + | - development # Build assets for development | ||
| + | | ||
| + | - livereload | ||
| + | | ||
| + | - production | ||
| + | | ||
| + | - watch # Watch for changes and build files accordingly | ||
| + | | ||
| + | </ | ||
| + | ===== package.json ===== | ||
| <code javascript package.json> | <code javascript package.json> | ||
| { | { | ||
| - | | + | |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | }, | + | }, |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | ], |
| - | " | + | |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | }, | + | " |
| - | " | + | " |
| + | " | ||
| + | " | ||
| + | }, | ||
| + | " | ||
| } | } | ||
| - | |||
| </ | </ | ||
webpack_complete_webdevelopment_config.txt · Last modified: 2018/02/05 23:48 by admin