Fully functional gulpfile.js implementation. Tailored for Single Page Application. Written in TypeScript.
npm install simplr-gulpsimplr-gulp in your project: cmd
npm install simplr-gulp --save-dev
`
2) Create in your project root directory:
`js
require('simplr-gulp');
`
3) Start command:
cmd
gulp -T
`
Which will show all available commands.All directories, server and live-reload settings are configured in
.After first run,
gulpconfig.json file will be generated for you to edit for your own use.$3
* NodeJS: >= 6.0.0
* Typescript: $3
#### Gulp tasks
* - start Watch task with server.
Build - compiles source files with development environment (starts all Build. subtasks)
* Build.Assets - copies all assets folders and their contents from source to build directory
* Build.Configs - copies configs folder from source to build directory with jspm environment
* Build.Configs.Files - copy jspm.config.js file from source to build directory with production environment (production only)
* Build.Configs.Folders - copies configs folder from source to build directory
Build.Html - copies all .html files from source to build directory
* Build.Scripts - compiles TypeScript with sourcemap from source to build directory
* Build.Scripts.Typescript - compiles TypeScript with sourcemap from source to build directory
* Build.Scripts.Tslint - check for tslint warnings
Build.Styles - compiles .scss files from source to build directory
Build:Production - compiles, minifies and uglifies source files with production environment (starts all Build.:Production subtasks)
* Build.Assets:Production - copies all assets folders and their contents from source to build directory
* Build.Configs:Production - copies web.config (for Asp.Net 5 projects) and configs folder from source to build directory
Build.Html:Production - copies all .html files from source to build directory
* Build.Scripts:Production - compiles TypeScript from source to build directory
* Build.Scripts.Typescript:Production - compiles TypeScript from source to build directory
* Build.Scripts.Tslint:Production - check for tslint warnings
Build.Styles:Production - compiles and minifies .scss files from source to build directory
Watch - watch source files, start tasks (all Watch. subtasks) and call live reload action.
* Watch.Assets - start task Build.Assets
* - start task Build.Configs
* - start task Build.Html
* - start task Build.Script
* - start task Build.Styles>
subtasks available only at runtime.*
Bundle - bundles the app with jspm bundle with development environment*
Jspm.CdnPaths:Production - Generate CDN paths (https://cdnjs.com) into src/configs/jspm.config.production.js using npm registry
Clean - cleans build directory (wwwroot by default) without wwwroot/libs folder and wwwroot/*/.gitkeep files
Clean.All - cleans build directory (wwwroot by default) without wwwroot/*/.gitkeep files
* Clean.Bundle - remove build file (build.js by default) from build directory (wwwroot by default)
* Clean.Libs - cleans libs directory (wwwroot/libs by default)Trying it yourself
1. git clone https://github.com/QuatroCode/simplr-gulp.git
2.
3.
4.
5.
6. Go to http://localhost:4000Default
(can be customized)
`json
{
"Directories": {
"Source": "src",
"Build": "wwwroot",
"App": "app"
},
"TypeScriptConfig": {
"Development": "tsconfig.json",
"Production": "tsconfig.production.json"
},
"ServerConfig": {
"Ip": "127.0.0.1",
"Port": 4000,
"LiveReloadPort": 4400
},
"BundleConfig": {
"AppFile": "app.js",
"BuildFile": "build.js",
"Include": [],
"Exclude": [
"[app/*/]"
]
},
"WebConfig": null,
"CfgVersion": 2.02
}
`
> More info about configurationDevelopment
#### Prerequisites
You need global npm packages (, typings, jspm):1.
npm install gulp-cli -g
2.
3. #### If you want to update
package yourself
1. git clone https://github.com/QuatroCode/simplr-gulp.git
2.
3.
3.
4.
5. Make changes#### Build project
cmd
tsc -p .
``