Front-End Engineering Configuration

ToDo

• prettier
• stylelint
• pm2

Authoring Configuration

Preparation

Git

• .gitattributes
• .gitignore
• Husky

VSCode

• VSCode:extensions
• VSCode:settings

EditorConfig

• .editorconfig

nvm

• nvm

npm

• npm

Building Configuration

build

Babel

• Babel
• Browserslist

TypeScript

• TypeScript

webpack

• webpack

# Babel
npm i -D @babel/core
npm i -S core-js@3 @babel/runtime
npm i -D @babel/preset-env @babel/plugin-transform-runtime
npm i -D @babel/plugin-proposal-class-properties @babel/plugin-proposal-private-methods @babel/plugin-proposal-decorators @babel/plugin-proposal-optional-chaining @babel/plugin-proposal-nullish-coalescing-operator
# Typescript
npm i -D typescript @babel/preset-typescript
# webpack
npm i -D webpack webpack-cli webpack-dev-server webpack-merge
npm i -D babel-loader css-loader file-loader
npm i -D clean-webpack-plugin html-webpack-plugin mini-css-extract-plugin

Coding Configuration

code

ESlint

• ESlint

stylelint

• stylelint

npm i -D husky
npm i -D eslint babel-eslint eslint-loader
npm i -D eslint-plugin-react @typescript-eslint/eslint-plugin
npm i -D stylelint postcss-loader

Deploying Configuration

CI && CD

• PM2
• nginx
• docker
• travis

License

MIT License