An assignment
cd share-notes && yarn
yarn start
yarn build
- Created Project
- Created README.md
- Created package.json
- Created src/index.html
- Created build folder
- Added .gitignore
- Ignored build folder
- Ignored node_modules folder
- Installed react and react-dom packages
- Created yarn.lock
- Updated README.md
- Updated package.json
-
Installed typescript, @types/react, @types/react-dom packages
-
Installed @babel/core, @babel/preset-env, @babel/preset-react, @babel/preset-typescript packages
-
Installed webpack, webpack-cli, webpack-dev-server, html-webpack-pluging packages
-
Installed babel-loader
-
Created .babelrc
-
Created tsconfig.json
-
Created src/App.tsx and src/index.tsx
-
Created webpack/webpack.config.js
-
Updated .gitignore, package.json and yarn.lock
Test O.K ✅
-
Created src/style.css and imported App.tsx
-
Installed css-loader, style-loader and added webpack config
-
Update Webpack Config: Added css-loader, style-loader, image, font
-
Created declarations.d.ts for png and svg format
Test O.K ✅
-
Created webpack.common.js, webpack.dev.js, webpack.prod.js in webpack folder
-
Installed webpack-merge
-
Updated webpack.config
Test O.K ✅
-
Created Counter.tsx for testing react-refresh package
-
Installed @pmmmwh/react-refresh-webpack-plugin, react-refresh
-
Updated webpack/webpack.dev.js, package.json
Test O.K ✅
-
Installed eslint, eslint-plugin-react eslint-plugin-react-hooks, @typescript-eslint/parser, @typescript-eslint/eslint-plugin
-
Installed eslint-config-prettier eslint-plugin-prettier, eslint-plugin-eslint-comments
Test O.K ✅