Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ajoykarmakar459/webstarterkit

Web starter kit that code like Single page application and you get compiled minimal, compressed output in HTML, CSS, and JS.
https://github.com/ajoykarmakar459/webstarterkit

cli component-based css gulp gulpjs html jquery npm scss storage webtemplate

Last synced: about 1 month ago
JSON representation

Web starter kit that code like Single page application and you get compiled minimal, compressed output in HTML, CSS, and JS.

Awesome Lists containing this project

README

        

# WebStarterKit Template

Web starter kit build with gulp ❤️. Code like single page application and it's compile into regular HTML, CSS, JS files. Compression enabled by default for your all files. So your website will execute with minimum size that increases the performance and user experience.

#### src -
We will store our HTML,CSS,JS and Assets file here. Read HTML Component usage here.

#### gulpfile.js -

Gulp Configuration file.

#### package.json -

All dependency we saved here.

#### CLI Usage

`npm i -g webcreate-cli`


Type
Parameter Name
Parameter Value


Project
--project
Project Name


Component
--component
Component Name


version
--v
{deprecated} for the old files || Nothing for the latest files

##### Create new project with this command -

`webcreate --project=ProjectName`

##### Create new project with old files run this command -

`webcreate --project=ProjectName --v=deprecated`

------------------

It will automatically download the template and install all dependency.

------------------

#### Create component -

`webcreate --component=componentName`

#### Run the project

`cd ProjectName`

`npm i` if the dependency (node_module) is not installed.

`gulp` = Project build and run.

`gulp build` = Project will only build.

`gulp run` = Project only run if the build folder is available.

`gulp prod` = Project will build for production level.

#####  

##### Package Link -

[WebCreate-CLI](https://www.npmjs.com/package/webcreate-cli)