GithubHelp home page GithubHelp logo

lkmill / frontend-ci-scripts Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cybercomsweden/frontend-ci-scripts

1.0 2.0 0.0 198 KB

Script collection for easing quality assurance in projects

JavaScript 100.00%

frontend-ci-scripts's Introduction

frontend-ci-scripts

Install

While unstable the only way to install is the following

npm install --save-dev cybercomsweden/frontend-ci-scripts

Usage

There are a few scripts exposed to help you with your development

  • lint / runs eslint on your project
  • format / run prettier on your project
  • test / runs jest on test files in src with *.spec|test.js or in the __test__ folder
  • precommit / runs lint, test and format as a precommit hook
  • start / a webpack-dev-server for quicker react development

Format

"format": "frontend-ci-scripts format"

format runs prettier in the background and formats all your files. You can send args to prettier if you want to format any specific files by adding them to the scripts

"format": "frontend-ci-scripts format src/**/*"

To be noted On unix systems you need to prevent the glob from being prematurly evaluated do this by putting it in ''

"format": "frontend-ci-scripts format 'src/**/*'"

Precommit

During installation git hooks is setup for you. add the following script to your package.json for it to run during each commit

"precommit": "frontend-ci-scripts precommit",

Editor Integration

ESLint integrations: https://eslint.org/docs/user-guide/integrations

Prettier integrations: https://prettier.io/docs/en/editors.html

You can expose our option files to your editor by adding them to your package.json


"eslintConfig": {
    "extends": "./node_modules/frontend-ci-scripts/.eslintrc.js"
  }

or add your own .eslintrc file and extend the path above


For Prettier create a .prettierrc.js and add the following

module.exports = require('frontend-ci-scripts/.prettierrc');

Proxy

In development you sometimes need to proxy request

Do this by adding a proxy key to you package.json

"proxy": "[dependencieName]" || "path/to/proxy",

It expects a js object or json file.

Mocks

If webpack needs to serve mock pages, add a mocks key to package.json.

"mocks": "path/to/mocks",

It expects a path to a directory (should be relative to the project root).

frontend-ci-scripts's People

Contributors

lkmill avatar fiddep avatar

Stargazers

Roman avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.