Note: Just for personal use.
Simple static website built system using Grunt, Sass and TypeScript.
Node.js: nodejs.org
NPM (recommended): npmjs.com
Grunt: gruntjs.com
SASS: sass-lang.com
TypeScript: typescriptlang.org
With NPM (recommended)
Install Node Packages with NPM
:
npm install
Install SASS
:
sudo gem install sass
Create a .ftppass
with your FTP login data:
{
"yourDomain.com": {
"username": "someUserName",
"password": "somePassword"
}
}
Adjust ftp-settings in Gruntfile.coffee
:
'ftp-deploy':
build:
auth:
host: 'yourDomain.com'
port: 21
src: 'dist'
dest: 'projects/<%= pkg.name %>'
exclusions: ['dist/**/.DS_Store', 'dist/**/Thumbs.db']
Automated SASS and TypeScript building witch grunt-watch
:
grunt watch
Generate static website:
grunt
Deploy to FTP:
grunt deploy
+-- _build // will contain all zipped dist-folders
+-- _dist // will containt files ready for deployment
| +-- _css
| +-- _images
| +-- _js
+-- _src
| +-- _css // compiled css-files form SASS
| +-- _images // static image files
| +-- _js // compiles Javascript files from TypeScript
| +-- _partials // HTML-partials
| +-- _scss // raw SASS code
| | +-- _partials // single SASS packages
| +-- _ts // TypeScript code
Created by Steffen Kolb (steffenkolb.de).