https://github.com/twihike/hello-webpack

https://github.com/twihike/hello-webpack

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/twihike/hello-webpack
• Owner: twihike
• Created: 2018-10-21T13:42:31.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T04:10:00.000Z (almost 2 years ago)
• Last Synced: 2024-05-27T12:20:10.116Z (6 months ago)
• Language: JavaScript
• Size: 1.63 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# hello-webpack

## Usage

```bash

yarn run build

# or

yarn build

```

## How would I set this up myself?

```bash

# install yarn

# create project

mkdir 

cd 

yarn init

# webpack

yarn add -D webpack webpack-cli

yarn add -D webpack-dev-server

yarn add -D webpack-merge

# basic plugin

yarn add -D case-sensitive-paths-webpack-plugin

yarn add -D clean-webpack-plugin

yarn add -D webpack-visualizer-plugin

# asset

yarn add -D papaparse

yarn add -D csv-loader

yarn add -D xml-loader

# html

yarn add -D html-loader

yarn add -D html-webpack-plugin

# css

yarn add -D style-loader

yarn add -D css-loader

yarn add -D mini-css-extract-plugin

# postcss

yarn add -D postcss postcss-cli

yarn add -D browserslist # use postcss-preset-env and babel

yarn add -D postcss-preset-env

yarn add -D cssnano

yarn add -D postcss-loader

# sass

yarn add -D sass

yarn add -D sass-loader

# js

yarn add -D terser-webpack-plugin

yarn add -D thread-loader

# eslint

yarn add -D eslint

eslint --init # edit your .eslintrc.js

yarn add -D eslint-plugin-import

yarn add -D eslint-plugin-react

yarn add -D eslint-plugin-react-hooks

yarn add -D eslint-plugin-jsx-a11y

yarn add -D eslint-config-airbnb

yarn add -D eslint-loader

# prettier

yarn add -D prettier

yarn add -D eslint-config-prettier

# babel

yarn add -D @babel/core @babel/cli

yarn add -D @babel/preset-env

yarn add core-js regenerator-runtime

yarn add -D babel-loader

# typescript

yarn add -D typescript

yarn tsc --init # edit your tsconfig.json

yarn add -D ts-loader

yarn add -D fork-ts-checker-webpack-plugin

# eslint

yarn add -D @typescript-eslint/parser

yarn add -D @typescript-eslint/eslint-plugin

# external lib

yarn add -D lodash

yarn add -D bulma

```