Jeco NPM | npm.io

README

npm node downloads license

webpack react eslint esbuild typescript

react base runtime ecosystem

❕Experimental project（Comming soon 2.0）

Guide

Installation

## step1 install to global
npm install -g jeco
## step2 make project folder
mkdir react-app && cd react-app
## step3 init project
jr init

Options

Custom Setting(/project.config.json)

{
  "entry": "./src/index.tsx",
  "port": "8080",
  "title": "Page title",
  "template": "./src/app.html",
  "eslintConfigPath": "./.eslintrc.json",
   "micro": {
    "projectId": "pj01",
    "isRuntimeAssets": true,
    "publicPath": {
      "local": "http://localhost:8080/",
      "dev": "http://localhost:8080/"
    }
  }
}
}

Property	Description	Default	Required
entry	project entry file path	/container/index.tsx (only read)	false
port	devServer port	8080	false
title	pageTitle	Page Title	false
template	html base file path	/container/app.html (only read)	false
eslintConfigPath	custom eslint config	/.eslintrc.json (only read)	false

src/index.html (sample)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<div id="app"></div>
</body>
</html>

src/index.tsx (sample)

import React from 'react';
import { render } from 'react-dom';

render(<>Hello world</>, document.getElementById('app'));

create page (default entry)

Insert file(js,jsx,ts,tsx) to './src/pages' folder
auto mapping to router

env

sub project create '.env.prod' file

DB_HOST=127.0.0.11
DB_PASS=dafjlkdajs2
S3_API=mysecretkey

script run
```
jr dev|start|build -e prod(.env.prod)
```

use to component

<div>DBHOST: {process.env.DB_HOST}</div>

script

## dev mode
jr dev, jr start

## build mode(production)
jr build

## lint
jr lint

## fix
jr fix

## test
jr test

## analyz
jr analyz

use style

css(not support modules), less, sass, scss, stylus

// sample
import s from './style.stylus';

const App = () => <div className={s.style}></div>

webpack build time check(DEV)

# add
export SMP='smp'
# remove
export SMP=''

react webpack lint airbnb

@babel/cli @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript @julong/webpack-plugin-runtime-assets @types/jest @types/react @types/react-dom @types/react-router @types/react-router-dom @typescript-eslint/eslint-plugin @typescript-eslint/parser autoprefixer chalk clean-webpack-plugin cross-env css-loader cssnano dotenv-webpack esbuild-loader eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks execa file-loader fork-ts-checker-webpack-plugin fs-extra html-webpack-plugin husky identity-obj-proxy jest less less-loader listr mini-css-extract-plugin path-browserify postcss postcss-loader prettier pretty-quick progress-bar-webpack-plugin react react-dom react-router-dom recoil sass sass-loader source-map-loader speed-measure-webpack-plugin stylus stylus-loader terminal-link typescript webpack webpack-bundle-analyzer webpack-cli webpack-dev-server

@everything-registry/sub-chunk-1953 @zalastax/nolb-jec

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago