This file contains code snippets to be used while following the Angular 2 with Webpack Project Setup video tutorial.
You can find the full project in the angular2-course-webpack-starter repository.
<!DOCTYPE html>
| #!/bin/bash | |
| export TERM=xterm-color | |
| export CLICOLOR=1 | |
| export GREP_OPTIONS='--color=auto' | |
| # export LSCOLORS=Exfxcxdxbxegedabagacad | |
| export LSCOLORS=gxfxcxdxbxegedabagacad # Dark lscolor scheme | |
| # Don't put duplicate lines in your bash history | |
| export HISTCONTROL=ignoredups | |
| # increase history limit (100KB or 5K entries) | |
| export HISTFILESIZE=100000 |
| #box { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: flex; | |
| -webkit-justify-content: center; | |
| -moz-justify-content: center; | |
| justify-content: center; | |
| -webkit-align-items: center; |
| // -------------------------------------------------- | |
| // Flexbox LESS mixins | |
| // The spec: http://www.w3.org/TR/css3-flexbox | |
| // -------------------------------------------------- | |
| // Flexbox display | |
| // flex or inline-flex | |
| .flex-display(@display: flex) { | |
| display: ~"-webkit-@{display}"; | |
| display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox |
| // Deep Breaths // | |
| ////////////////// | |
| // Gulp | |
| var gulp = require('gulp'); | |
| // Sass/CSS stuff | |
| var sass = require('gulp-sass'); | |
| var prefix = require('gulp-autoprefixer'); | |
| var minifycss = require('gulp-minify-css'); |
| # -*- mode: ruby -*- | |
| # vi: set ft=ruby : | |
| # Vagrantfile API/syntax version. Don't touch unless you know what you're doing! | |
| VAGRANTFILE_API_VERSION = "2" | |
| Vagrant.configure(VAGRANTFILE_API_VERSION) do |config| | |
| config.vm.box = "precise64" | |
| config.vm.box_url = "http://files.vagrantup.com/precise64.box" | |
| config.vm.network :private_network, ip: "192.168.99.99" |
This file contains code snippets to be used while following the Angular 2 with Webpack Project Setup video tutorial.
You can find the full project in the angular2-course-webpack-starter repository.
<!DOCTYPE html>
| <!-- Wherever your head tag is located, add the new partial --> | |
| <head> | |
| {{ partial "google-fonts" . }} | |
| </head> |