showcar-gulp
Unified frontend build pipeline for projects using the ShowCar UI Library
Install
npm install showcar-gulp -D
Before starting
Install gulp
npm install gulp -D
Publishing showcar-gulp to NPM
Once a new build is ready to be published to NPM as a new package version, you'll first need to login to NPM with the AS24 account. You can get the information from LastPass.
Then update the semver for the showcar-gulp package:
# 0.0.1 npm version patch# 0.1.0 npm version minor# 1.0.0 npm version major
Lastly, publish the updated package to NPM:
npm publish
Usage
Install showcar-gulp
in your project.
npm install -d showcar-gulp
Create your own gulpfile.js
with the following structure
// gulpfile.js const gulp = ;const scgulp = gulp; // gulp tasks alliasesgulp; gulp; gulp;gulp;
Build tasks
JS Build and minify your js files
gulp;
SCSS Build and minify css from sass files
gulp
TypeScript Build and minify your ts files
gulp;
Linter tasks
Tasks for linting JS and CSS code style
JS
gulp
TypeScript
gulp;
CSS
gulp
For running linter tasks you will also need to create configuration files in your project.
.eslintrc.js
for eslint task
.stylelintrc.js
for stylelint task
Serve task
Runs a local server on localhost:3000 by default
gulp
Clean task
Removes files according to the files
pattern
gulp
Karma task
Runs karma tests
gulp