Node TypeScript Gulp Structure 1.1.0
App Technologies
On this branch (Basic) we use:
- BEM + BEMIT + etc: A mix of BEM and related-BEM technologies to create conventions for CSS classes.
- TypeScript: This project uses TypeScript instead of JavaScript.
- Linting: Linting for JavaScript and SASS.
- Normalize: Normalize our css, you can extend it easily.
- SASS: Scss structure with good practises.
Tasks Technologies
On this branch (Basic) we use:
- Gulp Autoprefixer: Add browser prefixes for last two versions of the browsers.
- Gulp Clean CSS: To minify CSS.
- Gulp Environment: Call to different tasks depending of the environment.
- Gulp Fontmin: Generate fonts from .ttf.
- Gulp Imagemin: Compress images.
- Gulp Load plugins: Load all the plugins once.
- Gulp Newer: On some tasks we want to do something only with the newer files.
- Gulp Nodemon: To launch the NodeJS application.
- Gulp Noop: Basic Noop but on stream.
- Gulp Rollup: To transpile out code.
- Gulp Sass: Compile Scss to CSS.
- Gulp Sasslint: Linting for SASS.
- Gulp Sourcemaps: Generate Sourcemaps when is necessary.
- Gulp TSLint: Linting for TypeScript.
- Gulp Uglify: Minify and obfuscate JavaScript.
- Opn: Open browser to see the preview.
- Require all: Load all gulp tasks once.
- Yarn: Instead of NPM.