Light

jaem1n207 / front-end-template Goto Github PK

View Code? Open in Web Editor NEW

0.0 2.0 0.0 333 KB

quickly start javascript project

License: MIT License

JavaScript 85.15% CSS 3.85% Shell 1.29% HTML 9.71%

boilerplate eslint handlebarsjs husky javascript prettier tailwindcss webpack5 renovate

front-end-template's Introduction

front-end js boilerplate

이 프로젝트의 가장 큰 목적은 코드의 양이 늘어나도 복잡도는 증가하지 않도록 코드를 작성하고 파일을 적절히 분리하여 개발할 수 있도록 하기 위함입니다.

아래의 목표로 개발을 진행했습니다.

UI와 로직 코드의 완전한 분리
각 기능을 독립적인 모듈로 관리 가능하게 하여 유지보수성 향상
안전한 전역 상태 관리
크로스 브라우징 지원
간편한 사용

Usage

Webpack 5
Babel
Handlebars
Renovate
ESLint
Prettier
Husky
Router
State Container
Tailwind
Axios
Font-awesome

Start

Node.js 버전은 13(LTS)이상을 권장드립니다.
프로젝트 경로에서 아래 명령어를 입력하여 example 폴더를 제거하실 수 있습니다.

remove:example

$ yarn
$ yarn start

Build

$ yarn build

Contributor

@jaem1n207 ([email protected])

Reference

https://handlebarsjs.com/

front-end-template's People

Contributors

Watchers

front-end-template's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

chore(deps): update dependency lint-staged to v12.5.0

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

html

example/public/index.html

font-awesome 6.1.1@sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==

public/index.html

font-awesome 6.1.1@sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==

npm

example/package.json

@babel/runtime-corejs3 7.18.0

axios 0.27.2

core-js 3.22.5

dotenv 16.0.1

@babel/core 7.18.0

@babel/plugin-transform-runtime 7.18.0

@babel/preset-env 7.18.0

babel-loader 8.2.5

clean-webpack-plugin 4.0.0

cross-env ^7.0.3

css-loader 6.7.1

eslint 8.15.0

eslint-config-airbnb-base 15.0.0

eslint-config-prettier 8.5.0

eslint-plugin-import 2.26.0

eslint-plugin-prettier 4.0.0

file-loader 6.2.0

html-loader 3.1.0

html-webpack-plugin 5.5.0

lint-staged 12.4.1

mini-css-extract-plugin 2.6.0

node-sass 7.0.1

prettier 2.6.2

sass-loader 12.6.0

style-loader 3.3.1

terser-webpack-plugin 5.3.1

url-loader 4.1.1

webpack 5.72.1

webpack-cli 4.9.2

webpack-dev-server 4.9.0

package.json

@babel/runtime-corejs3 7.18.0

axios 0.27.2

core-js 3.22.5

dotenv 16.0.1

@babel/core 7.18.0

@babel/plugin-transform-runtime 7.18.0

@babel/preset-env 7.18.0

@commitlint/cli 17.0.0

@commitlint/config-conventional 17.0.0

babel-loader 8.2.5

clean-webpack-plugin 4.0.0

commitizen 4.2.4

cross-env ^7.0.3

css-loader 6.7.1

cz-conventional-changelog 3.3.0

eslint 8.15.0

eslint-config-airbnb-base 15.0.0

eslint-config-prettier 8.5.0

eslint-plugin-import 2.26.0

eslint-plugin-prettier 4.0.0

file-loader 6.2.0

html-loader 3.1.0

html-webpack-plugin 5.5.0

husky 8.0.1

lint-staged 12.4.1

mini-css-extract-plugin 2.6.0

node-sass 7.0.1

prettier 2.6.2

sass-loader 12.6.0

style-loader 3.3.1

terser-webpack-plugin 5.3.1

url-loader 4.1.1

webpack 5.72.1

webpack-cli 4.9.2

webpack-dev-server 4.9.0

node >=14

Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.