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 --globalgulp 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 installif 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
serveprocess, the task runner below hasenvdevelopment and automaticallywatchthe changes you make to the code.$ yarn serveor
$ npm run serve
We have two environment build tasks in the development process or for deployment production.
Development Build
- development watch -->
yarn watchornpm run watch - development compile -->
yarn devornpm run dev
Production Build
- Production compile -->
yarn buildornpm run build