GULP BOILERPLATE EJS is a tool that we designed to make it easier for developers (especially Front-end Developers) to create and create user interfaces as outlined in the visual web form of the design that has been determined. Docs Pages
This WEB TEMPLATES provides a simple way of setting up a modern web development environment. Here is a list of the current features:
- Webpack-stream run webpack as a stream to conveniently integrate with gulp.
- GULP 4 Automate and enhance your workflow.
- EJS A rich and powerful templating language for JavaScript.
- ES2015 Babel transpiler that allows you writing JS Code in ES2015/ES6 style.
- Sass: CSS pre-processor with gulp-autoprefixer.
- Browsersync with Live reload.
- Minifies and optimize your javascript.
This should be installed on your computer in order to get up and running:
- Node.js Required node version is >=
10.0
- npm Version
6.0.*
If you've previously installed gulp globally, run
npm rm --global
gulp before following these instructions.
As a prerequisite it's assumed you have npm
or yarn
installed.
-
Clone Repo Make sure you have a GULP STARTER-KIT clone repository.
https://github.com/alaunal/gulp-starterkit-ejs.git
-
Gulp Setup you just execute this script
npm install --global gulp-cli
, and make sure your Gulp CLI is currently in the version2.0.*
-
Install dependencies
npm install
if you have done the syntax above before, there is no need to do a step 3 process. but if you are not sure then just do it for check updated.
-
Serve or deploy When we start the
serve
process, the task runner below hasenv
development and automaticallywatch
the changes you make to the code.$ yarn serve
or
$ npm run serve
We have two environment build tasks in the development process or for deployment production.
Development Build
- development watch -->
yarn watch
ornpm run watch
- development compile -->
yarn dev
ornpm run dev
Production Build
- Production compile -->
yarn build
ornpm run build