1.0.47 • Published 4 years ago

jeco v1.0.47

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

README

npm node downloads license

webpack react eslint esbuild esbuild-loader 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/"
    }
  }
}
}
PropertyDescriptionDefaultRequired
entryproject entry file path/container/index.tsx (only read)false
portdevServer port8080false
titlepageTitlePage Titlefalse
templatehtml base file path/container/app.html (only read)false
eslintConfigPathcustom 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

  1. sub project create '.env.prod' file

    DB_HOST=127.0.0.11
DB_PASS=dafjlkdajs2
S3_API=mysecretkey

  2. script run

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

  3. 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=''
reactwebpacklintairbnb
@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/parserautoprefixerchalkclean-webpack-plugincross-envcss-loadercssnanodotenv-webpackesbuild-loadereslinteslint-config-airbnbeslint-config-prettiereslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-prettiereslint-plugin-reacteslint-plugin-react-hooksexecafile-loaderfork-ts-checker-webpack-pluginfs-extrahtml-webpack-pluginhuskyidentity-obj-proxyjestlessless-loaderlistrmini-css-extract-pluginpath-browserifypostcsspostcss-loaderprettierpretty-quickprogress-bar-webpack-pluginreactreact-domreact-router-domrecoilsasssass-loadersource-map-loaderspeed-measure-webpack-pluginstylusstylus-loaderterminal-linktypescriptwebpackwebpack-bundle-analyzerwebpack-cliwebpack-dev-server
@everything-registry/sub-chunk-1953@zalastax/nolb-jec
1.0.47

4 years ago

1.0.46

4 years ago

1.0.45

4 years ago

1.0.44

4 years ago

1.0.43

4 years ago

1.0.42

4 years ago

1.0.41

4 years ago

1.0.40

4 years ago

1.0.39

4 years ago

1.0.38

4 years ago

1.0.37

4 years ago

1.0.33

4 years ago

1.0.36

4 years ago

1.0.35

4 years ago

1.0.34

4 years ago

1.0.32

4 years ago

1.0.29

4 years ago

1.0.30

4 years ago

1.0.28

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

1.0.27

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.20

4 years ago

1.0.19

4 years ago

1.0.18

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.11

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago