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:14] – [Slide 4] 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> | ||
{ | { | ||
- | | + | |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | }, | + | }, |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | ], |
- | " | + | |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | " | + | " |
- | }, | + | " |
- | " | + | " |
+ | " | ||
+ | " | ||
+ | }, | ||
+ | " | ||
} | } | ||
- | |||
</ | </ | ||